首次选择后,Bootstrap datepicker刷新/更新

时间:2015-09-30 07:27:21

标签: jquery datepicker

我在这样的表单上使用bootstrap-datepicker内联模式。 表格中的代码

 <div id="frmdate" data-date=""></div>

并使用jquery ajax从服务器更新数据日期值。

在datepicker日期选择中,我们将值写入隐藏输入..

<input type="hidden" name="ttsasssd" id="ttsasssd">

Datpicker code ..

strtdatedump变量是从ajax收到的日期。我在每个表单提交上写入“data-date”值。设置datepicker的新日期。

$("#frmdate").attr("data-date", strtdatedump);
$("#frmdate").datepicker({format: "yyyy/mm/dd"});
$("#frmdate").on('changeDate', function(){
$("#ttsasssd").val(
    $("#frmdate").datepicker('getFormattedDate')
   );
});

我尝试使用datepickers update()方法更新datepickers,但它没有显示当前的设置日期。

$("#frmdate").datepicker('update');

如何在每次提交表单后更新日期选择器?

编辑1

我如何获取新日期,

编辑问题因为我无法写评论,我正在使用ajax获取新日期。我试图将新的ajax发送日期存储在一个变量中,并在datepicker中添加它,但它不起作用。我做错了什么???

$("#getAddForm").click(function(event){
  $.ajax({
    url: "/top-thirty-assamese/getdate/",
    type: "GET",
    dataType: "json",
    success: function(data){
      if(data !== "")
      {
          var strtdatedump = data.start;
          $("#frmdate").attr("data-date", strtdatedump);
           $("#frmdate").datepicker('update', strtdatedump);
           $("#frmdate").on('changeDate', function(){
              $("#ttsasssd").val(
                  $("#frmdate").datepicker('getFormattedDate')
                );
           }); 

1 个答案:

答案 0 :(得分:6)

您可以使用新的日期值直接调用datpicker上的更新(我总是按照这种方式运行):

$("#frmdate").datepicker('update', "2015/09/39");