我使用的UI DatePicker从jQuery UI作为独立的选择器。我有这样的代码:
<div id="datepicker"></div>
和下面的JS:
$('#datepicker').datepicker();
当我尝试用下面的代码返回值时:
var date = $('#datepicker').datepicker('getDate');
我得到的答复是:
Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
这是完全错误的格式。有没有办法让它以DD-MM-YYYY格式返回?
当前回答
你可以这样添加并尝试:
HTML文件:
<p><input type="text" id="demoDatepicker" /></p>
JavaScript文件:
$(function() {
$("#demoDatepicker").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
constrainInput: false
});
});
其他回答
<script>
$(function() {
$("#datepicker").datepicker();
$('#datepicker').datepicker('option', {dateFormat: 'd MM y'});
});
$("#startDate").datepicker({dateFormat: 'd MM y'});
</script>
我用这个:
var strDate = $("#dateTo").datepicker('getDate').format('yyyyMMdd');
返回格式为“20120118”的日期，表示2012年1月18日。
如果你需要年月日格式的日期，你可以使用这个:-
$("#datepicker").datepicker({ dateFormat: "yy-mm-dd" });
您可以找到所有受支持的格式 https://jqueryui.com/datepicker/#date-formats
我在2015年12月6日需要，我这样做了:-
$("#datepicker").datepicker({ dateFormat: "d M,y" });
$("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()
尽量使用
$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yy' });
你可以在这里找到数据采集器
http://api.jqueryui.com/datepicker/
这是我们使用参数调用datepicker的方式
$(function() {
$('.selector').datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
numberOfMonths: 1,
buttonImage: 'contact/calendar/calendar.gif',
buttonImageOnly: true,
onSelect: function(selectedDate) {
// we can write code here
}
});
});
