如何在dateselect器中将date格式（MM / DD / YY）更改为（YYYY-MM-DD）

我有foll0wing datepicker脚本

<script> $(function(){ $("#to").datepicker(); $("#from").datepicker().bind("change",function(){ var minValue = $(this).val(); minValue = $.datepicker.parseDate("mm/dd/yy", minValue); minValue.setDate(minValue.getDate()+1); $("#to").datepicker( "option", "minDate", minValue ); }) }); </script> 

现在date格式为MM / DD / YY。如何将date格式更改为YYYY-MM-DD

Answer 1

使用dateFormat选项

  $(function(){ $("#to").datepicker({ dateFormat: 'yy-mm-dd' }); $("#from").datepicker({ dateFormat: 'yy-mm-dd' }).bind("change",function(){ var minValue = $(this).val(); minValue = $.datepicker.parseDate("yy-mm-dd", minValue); minValue.setDate(minValue.getDate()+1); $("#to").datepicker( "option", "minDate", minValue ); }) }); 

演示在http://jsfiddle.net/gaby/WArtA/

Answer 2

尝试以下操作：

 $('#to').datepicker({ dateFormat: 'yy-mm-dd' }); 

你会认为这将是YYYY – MM – DD，但哦：P

Answer 3

我有同样的问题，我已经尝试了很多答案，但没有任何工作。

我试了下面，它成功地工作：

 <input type=text data-date-format='yy-mm-dd' > 

Answer 4

 $( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' ); 

请参阅： http : //jqueryui.com/demos/datepicker/和http://docs.jquery.com/UI/Datepicker/formatDate#utility-formatDate

Answer 5

这也为我工作。 转到bootstrap-datepicker.js 。

replace这个代码：

 var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeShowDay: $.noop, calendarWeeks: false, clearBtn: false, daysOfWeekDisabled: [], endDate: Infinity, forceParse: true, format: 'mm/dd/yyyy', keyboardNavigation: true, language: 'en', minViewMode: 0, multidate: false, multidateSeparator: ',', orientation: "auto", rtl: false, startDate: -Infinity, startView: 0, todayBtn: false, todayHighlight: false, weekStart: 0 }; 

Answer 6

我用这种方法在我的应用程序中执行相同的操作。

 var varDate = $("#dateStart").val(); var DateinISO = $.datepicker.parseDate('mm/dd/yy', varDate); var DateNewFormat = $.datepicker.formatDate( "yy-mm-dd", new Date( DateinISO ) ); $("#dateStartNewFormat").val(DateNewFormat); 

Answer 7

如果在jquery dateformat不工作，那么我们可以在你的date的input字段的HTML页面中处理这种情况

 <input type="text" data-date-format='yyyy-mm-dd' id="selectdateadmin" class="form-control" required> 

Answer 8

在你的datepicker的初始化过程中你需要这样的东西：

 $("#your_elements_id").datepicker({ dateFormat: 'yyyy-mm-dd' }); 

Answer 9

尝试这个：

 $.datepicker.parseDate("yy-mm-dd", minValue); 

Answer 10

使用.formatDate( format, date, settings )

http://docs.jquery.com/UI/Datepicker/formatDate

Answer 11

只需将dateFormat:'yy-mm-dd'到.datepicker({})设置中即可。您的.datepicker({})可以看起来像这样

  $( "#datepicker" ).datepicker({ showButtonPanel: true, changeMonth: true, dateFormat: 'yy-mm-dd' }); }); </script> 

Answer 12

感谢所有。 我得到了我的预期产出

 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> <script> $(function(){ $("#to").datepicker({ dateFormat: 'yy-mm-dd' }); $("#from").datepicker({ dateFormat: 'yy-mm-dd' }).bind("change",function(){ var minValue = $(this).val(); minValue = $.datepicker.parseDate("yy-mm-dd", minValue); minValue.setDate(minValue.getDate()+1); $("#to").datepicker( "option", "minDate", minValue ); }) }); </script> <div class=""> <p>From Date: <input type="text" id="from"></p> <p>To Date: <input type="text" id="to"></p> </div> 

Answer 13

这对我工作。

  $('#thedate').datepicker({ dateFormat: 'dd-mm-yy', altField: '#thealtdate', altFormat: 'yy-mm-dd' }); 

Answer 14

这为我工作：

  $('#data_compra').daterangepicker({ singleDatePicker: true, locale: { format: 'DD/MM/YYYY' }, calender_style: "picker_4", }, function(start, end, label) { console.log(start.toISOString(), end.toISOString(), label); }); 

Answer 15

这是什么为我在每个datePicker版本，首先将date转换为内部datePickerdate格式，然后将其转换回所需的一个

 var date = "2017-11-07"; date = $.datepicker.formatDate("dd.mm.yy", $.datepicker.parseDate('yy-mm-dd', date)); // 07.11.2017