更改选择日期（jquery.datepicker）答案

【问题标题】：Change date on select (jquery.datepick)更改选择日期（jquery.datepicker）
【发布时间】：2011-07-15 13:28:52
【问题描述】：

我想知道如何使用 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 格式显示它的事件，它仍然向我显示包含 day、time zone 等的完整日期...

谢谢大家

【问题讨论】：

首先从浏览器查看html代码（查看页面源码）。一切都好吗？然后从浏览器查看错误控制台（除了IE，所有著名的浏览器都有一个）。有错误信息吗？
萤火虫控制台没有错误:(

标签： php javascript jquery jquery-plugins

【解决方案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"); } });

【讨论】：

【解决方案2】：

首先你应该为formatDate函数提供一个格式，根据jQuery DatePicker documentation

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

另外，你不应该

$.datepick

成为

$.datepicker

【讨论】：

@Warface 抱歉，我以为是 jQuery 内置的数据选择器。但是，如果您查看那一侧的示例代码，您会发现您仍然必须为该函数指定日期格式，如下所示： $.datepick.formatDate('dd/mm/yyyy', $('. taskDate').datepick('getDate')[0])