如何从文本框读取日期，具有jQuery UI DatePicker

Question

下面的Jquery UI Date Picker以正确的格式显示日期，但读取错误。

HTML：

<input type="text" id="date">
<input type="button" id="btn" value="Show"/>

JavaScript：

$('#date').datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = new Date($('#date').val());
  alert(_myDate);
});

怎么了？ （ 这里Jsfiddle ）

它显示正确的日期，但读错了...

当我这样使用它时：

$('#btn').click(function(){
      var _myDate = $('#date').val();
      alert(_myDate);
 });

可以，但是当使用C#作为字符串将其传递到服务器端，然后将其转换为DateTime时，当每天选择的Day大于12时，它会给我Invalid Date错误。 将Day视为一个月。 我所需的日期格式为dd/mm/yyyy 。

Answer 1

也许这是你的答案

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
    $('#btn').click(function(){
    var _myDate = new Date($('#date').val());
    var new_date=_myDate.split('-');
    var month=new_date[0];
    var day=new_date[1];
    var year=new_date[2];
    //you have 3 data, month, day and year.

    alert(month+"/"+day+"/"+year);
    });

您可以使用这3个可变的日，月，年来编写程序

Answer 2

更改var _myDate = new Date($('#date').val() ); 到var _myDate = $('#date').val());

Answer 3

这样尝试

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
$('#btn').click(function(){
var _myDate = new Date($('#date').val()  );
alert(_myDate);
});

演示

Answer 4

您不需要Date类型声明-您可以执行

$( "#date" ).datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = $('#date').val();
alert(_myDate);
});

Javascript是一种动态类型的语言，因此不需要日期初始化

Answer 5

试试这个：很好

  $('#date').datepicker({dateFormat: 'dd-mm-yy',  changeMonth:true, changeYear:true,showOn: "both",buttonImage: "",buttonImageOnly: false });

console.log($('#date').val());

Answer 6

我的javaScript函数...

convertDate = function (strDate) {
   var newDate = new Date();
   var oldDate = '';
   if (strDate.contains('/')) {
         oldDate = strDate.split('/');
      } else if (strDate.contains('-')) {
         oldDate = strDate.split('-');
      }
     //OldDate format is dd/mm/yyyy
      newDate.setDate(oldDate[0]);
      newDate.setMonth(oldDate[1] - 1);
      newDate.setYear(oldDate[2]);
      return newDate;
 }

Answer 7

只需使用parseDate解析文本框值，其格式与您最初设置parseDate的格式相同：

console.log($.datepicker.parseDate("dd-mm-yy", $('#date').val()));

parseDate将返回一个Date对象，因此您无需手动创建它。