Question

我想知道如何使用jquery datepick更改“selectedDate”中的日期。这是我的HTML，我希望魔术显示

<h3>Historique des tâches (<span class="selectedDate"><?= date("Y-m-d");?></span>) <span class="chooseDate">Choisir date</span> <span class="taskDate"></span></h3>

和javascript

$(".chooseDate").toggle(function() {
    $(this).text("Choisir date");
    $(".taskDate").datepick({
        onSelect: function(date) {
          alert($.datepick.formatDate(date))
        }
      }); 
}, 
function() {
  $(this).text("Choisir date");
    $(".taskDate").datepick('destroy'); 
});

当我选择日期时，它应该以yyyy-mm-dd格式弹出一个警告信息，其中包含所选日期，但没有任何反应。

有人可以帮助我吗？

由于

更新（找到它）：

$(".taskDate").datepick({
      onSelect: function(test){
        var newDate = new Date(test);
        alert(newDate.getFullYear()+'-'+(newDate.getMonth()+1)+'-'+newDate.getDate());
      }
    });

我只是将它给我的日期重新格式化为我想要的日期。事件通过告诉它以yyyy-mm-dd格式显示它仍然向我显示日期，时区等的完整日期......

谢谢你们

Answer 1

试试这个

$(".taskDate").datepick({
        onSelect: function(date) {
          alert($.datepick.formatDate(date))
        }
      }).bind('dateSelected', function(e, selectedDate, $td) {
                alert(selectedDate);
        });

好的，然后试试这个：

    $('.taskDate').datepicker({ onSelect: function(dateText, inst) { alert("Your alert"); } });

Answer 2

首先，根据jQuery DatePicker documentation

，你应该为formatDate函数提供一种格式

$.datepicker.formatDate( format, date, settings )

另外，不应该是你的

$.datepick

是

$.datepicker

更改select（jquery.datepicker）上的日期

2 个答案: