jquery ui datepicker - altfield as div而不是input

Question

我在jquery ui datepicker上使用altfield和altformat选项向用户显示友好日期,同时在隐藏字段中为数据库格式化日期.唯一的问题是,我不希望在输入框中显示给用户的日期(在视觉上它表明他们可以输入它),我只是希望它显示为文本.我知道我可以设置输入框的样式,因此它看起来不像是一个,但我宁愿只使用div并更新文本.但是,它似乎只适用于输入字段,如果将其设置为div id,则不执行任何操作.

有没有人克服过这个问题？

Answer 1

我已经让它在onSelect中使用它显示在div中:

onSelect: function(dateText, inst) {
//formatDate Requires a new date object to work
      var myDate = new Date(dateText);

//Set a new var with different format to use
      var newFormat = $.datepicker.formatDate("DD, d MM, yy", myDate);
//Choose the div you want to replace
      $("#yourselctorhere").html(newFormat);
    }
  });

Answer 2

答案是输入type = hidden然后选择值并将其分配给div的文本

$("myPicker").datepicker({
altField: "#altInput",

.

var hiddenDate = $("[name='altInput']").attr('value');
$("#myDate").text(hiddenDate);}
});

.

<input id = "altInput" type = "hidden"/>
<div id = "myDate"></div>