Question

我正在使用jQuery datepicker作为我的一个项目，除了我无法更改onSelect元素内的日期之外，它工作得很好。

我的代码如下：

$("#datepicker").datepicker({
   dateFormat: "d MM yy",
   onSelect: function(dateText) 
   { 
       var url = "/schedule_backend.php";
       var league = $('#compose').val();
       var data = "date="+ dateText +"&league="+ league;
       var myDate = new Date(dateText);
       var newFormat = $.format.date('dd M yy', myDate);                

       alert(newFormat);

       $("#kind").text(myDate);

   $('.schedule_block').load(url, data);                

   document.title = 'Sportannica - Schedule for '+ newFormat;           
  }
});

选择日期时没有任何通知。有关如何正确格式化日期的任何想法？

谢谢，

兰斯

Answer 1

看起来问题出在你的格式化程序中......你用它做什么？这是一个jsfiddle，表示正在调用该函数，并且日期是正确的，但您的格式化程序正在使其无效。

$("#datepicker").datepicker({
  dateFormat: "d MM yy",
  onSelect: function(dateText)
  {
    var myDate = new Date(dateText);
    //var newFormat = $.format.date('dd M yy', myDate);
    var newFormat = myDate.toString();
    alert(newFormat);
  }
});

Answer 2

jQuery默认不格式化日期。您需要下载并使用插件。但是，手动操作并不困难。

$("#datepicker").datepicker({
dateFormat: "d MM yy",
onSelect: function(dateText) 
{ 
   var url = "/schedule_backend.php";
   var league = $('#compose').val();
   var data = "date="+ dateText +"&league="+ league;
   var d = new Date(dateText);

   var weekday=new Array(7);
   weekday[0]="Sunday";
   weekday[1]="Monday";
   weekday[2]="Tuesday";
   weekday[3]="Wednesday";
   weekday[4]="Thursday";
   weekday[5]="Friday";
   weekday[6]="Saturday";

   var month=new Array();
   month[0]="January";
   month[1]="February";
   month[2]="March";
   month[3]="April";
   month[4]="May";
   month[5]="June";
   month[6]="July";
   month[7]="August";
   month[8]="September";
   month[9]="October";
   month[10]="November";
   month[11]="December";

   var newFormat = weekday[d.getDay()] + ", " + month[d.getMonth()] + " " + d.getDate();

   alert(newFormat);
}
});

http://jsfiddle.net/gEdmj/2/embedded/result/

使用jQuery Datepicker更改元素中的日期

2 个答案: