Question

我想知道为什么我无法获取隐藏输入的值（datepicker bootstrap inline）把我的日期选择器放在内联中就像doc一样，所以我必须添加隐藏的输入并在此之后获得他的改变价值。

HTML 代码：

assert a!=0, "a should be nonzero!"

JS 代码：

<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy"></div>
<input type="hidden" id="my_hidden_input" class="form-control">

jQuery('#datepicker').datepicker();
jQuery('#datepicker').on('changeDate', function() {
jQuery('#my_hidden_input').val(
        jQuery('#datepicker').datepicker('getFormattedDate')
    );
});

jQuery(document).ready(function () {
    jQuery("#datepicker").datepicker({
        startDate: new Date(),
        language: "fr",
        autoOpen:true,
        autoclose: true,
        todayHighlight: true
        //datesDisabled: ['22/02/2017', '28/02/2017']
    }).datepicker('update', new Date());;
});



jQuery("#datepicker .form-control" ).val().trigger('change', function() {
    alert(jQuery(this).val());  //here
});

jQuery('#datepicker').datepicker();
      jQuery('#datepicker').on('changeDate', function() {
          jQuery('#my_hidden_input').val(
              jQuery('#datepicker').datepicker('getFormattedDate')
          );
      });
    
jQuery(document).ready(function () {
      jQuery("#datepicker").datepicker({
          startDate: new Date(),
          language: "fr",
          autoOpen:true,
          autoclose: true,
          todayHighlight: true
      }).datepicker('update', new Date());;
  });
  
  
jQuery( "#datepicker .form-control" ).change(function() {
       alert(jQuery(this).val());
});

Answer 1

你可以试试这个

jQuery(document).ready(function () {
    var datepicker = jQuery("#datepicker").datepicker({
        startDate: new Date(),
        language: "fr",
        autoOpen:true,
        autoclose: true,
        todayHighlight: true
        //datesDisabled: ['22/02/2017', '28/02/2017']
    }).datepicker('update', new Date());
    datepicker.on('changeDate', function() {
      jQuery('#my_hidden_input').val(
          jQuery(this).datepicker('getFormattedDate')
      );
  });
});

Answer 2

尝试包括：

<script src="jquery-ui.js"></script>

或尝试检查你是否有一些双重导入（如jquery.js和jquery.min.js）

获取隐藏输入更改的值

2 个答案: