Question

我试图在用户更改日期时提醒所选日期;我有一个显示月份和年份的修改过的jQuery Datepicker：

$(function() {
  $('#datepicker').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'MM yy',
    defaultDate: new Date(),
    onClose: function(dateText, inst) {
      $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
    }
  }).datepicker('setDate', new Date());
});

在研究了其他主题之后，到目前为止我已经尝试过：

$('#datepicker').on('changeDate', function(event) {
  alert(document.getElementById("datepicker").value);
});

$('#datepicker').on('changeDate', function(event) {
  alert(event.format());
  alert(document.getElementById("datepicker").value);
});

$(".ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all").click(function(){
  alert(document.getElementById("datepicker").value);
});

$("#datepicker").datepicker().on('change.dp', function (e) {
  alert(document.getElementById("datepicker").value);
});

$("#datepicker").change(
  function(event){
    alert(document.getElementById("datepicker").value);
})

Answer 1

想出来......添加到onClose函数：

$(function() {
  $('#datepicker').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'MM yy',
    defaultDate: new Date(),
    onClose: function(dateText, inst) {
      $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
      alert(this.value);
    }
  }).datepicker('setDate', new Date());
});

jQuery Datepicker onChange事件无法正常工作

1 个答案: