如何在departureDate输入字段中设置dd / mm / yy。但我正在考虑将这两种格式改为印度尼西亚本地化,例如" Senin 05 Agustus 2015"。
有可能吗?提前谢谢。
Arrive:
<input type="text" id="arrivalDate" class="datepicker">
<br />Nights:
<input type="text" id="numOfNights" value="1">
<br />Depart:
<input type="text" id="departureDate">
jquery脚本
$('#arrivalDate').datepicker({
dateFormat: "dd/mm/yy",
onSelect: function (dateStr) {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('dd/mm/yy', dateStr);
depart.setDate(depart.getDate() + nights);
$('#departureDate').val(depart);
}
});
$('#numOfNights').change(function () {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('dd/mm/yy', $('#arrivalDate').val());
depart.setDate(depart.getDate() + nights);
$('#departureDate').val(depart);
});
答案 0 :(得分:0)
您可以像这样使用moment.js:
moment.locale('id'); //'id'--> Bahasa Indonesia
$('#arrivalDate').datepicker({
dateFormat: "d/MM/yy",
onSelect: function (dateStr) {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('d/MM/yy', dateStr);
depart.setDate(depart.getDate() + nights);
var depart_date = moment(depart).format('DD/MMMM/YYYY');
console.log('date is '+depart_date);
$('#departureDate').val(depart_date);
}
});
$('#numOfNights').change(function () {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('d/MM/yy', $('#arrivalDate').val());
depart.setDate(depart.getDate() + nights);
var depart_date = moment(depart).format('DD/MMMM/YYYY');
$('#departureDate').val(depart_date);
});
演示可用here。
<强>被修改强>
使用 jQuery datepicker 本身添加一个选项。只需将此本地化CDN放在 jquery-ui.js
之后<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script>
然后像这样更改代码:
//setting the default locale to Indonesian
$.datepicker.setDefaults($.datepicker.regional["id"]);
$('#arrivalDate').datepicker({
dateFormat: "d/MM/yy",
onSelect: function (dateStr) {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('d/MM/yy', dateStr);
depart.setDate(depart.getDate() + nights);
$('#departureDate').val($.datepicker.formatDate('d/MM/yy', depart));
}
});
$('#numOfNights').change(function () {
var nights = parseInt($('#numOfNights').val());
var depart = $.datepicker.parseDate('d/MM/yy', $('#arrivalDate').val());
depart.setDate(depart.getDate() + nights);
$('#departureDate').val($.datepicker.formatDate('d/MM/yy', depart));
});
$(function() {
$( "#departureDate" ).datepicker({dateFormat: "d/MM/yy"});
});
jsFiddle here。