在 JQuery DatePicker 上发送 +1 天
Send +1 Day on JQuery DatePicker
我想在所选日期的后一天发出。
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
socket.emit('sockettoDate', $('#x').val());
}
});
如果选择'2017-11-16',我想发出'2017-11-17'。有什么办法吗?
有两个输入框;但在任何时候都只有一个可见;
我添加了不同的标签,以便您可以在日期更改后进行区分;
调整它以满足您的需要。
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
showHideDate(dateText);
}
});
function showHideDate(dateText) {
document.getElementById("defaultDate").style.display = "none";
document.getElementById("hiddenDate").style.display = "block";
let splittedDate = dateText.split("-");
let nextDay = parseInt(splittedDate[0])+1
let newDate = nextDay + '-' + splittedDate[1] + '-' + splittedDate[2];
document.getElementById("newDate").value = newDate;
}
#hiddenDate {
display:none;
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p id="defaultDate">Date: <input type="text" id="toDate"></p>
<p id="hiddenDate">New Date: <input type="text" id="newDate"></p>
以下代码应该适合您:
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
var dateup = ('0' + (parseInt(inst.selectedDay) + 1)).slice(-2);
var monthup = ('0' + (parseInt(inst.selectedMonth) + 1)).slice(-2);
var newdate = inst.selectedYear+'-'+monthup+'-'+dateup;
socket.emit('sockettoDate', newdate);
}
});
我想在所选日期的后一天发出。
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
socket.emit('sockettoDate', $('#x').val());
}
});
如果选择'2017-11-16',我想发出'2017-11-17'。有什么办法吗?
有两个输入框;但在任何时候都只有一个可见;
我添加了不同的标签,以便您可以在日期更改后进行区分;
调整它以满足您的需要。
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
showHideDate(dateText);
}
});
function showHideDate(dateText) {
document.getElementById("defaultDate").style.display = "none";
document.getElementById("hiddenDate").style.display = "block";
let splittedDate = dateText.split("-");
let nextDay = parseInt(splittedDate[0])+1
let newDate = nextDay + '-' + splittedDate[1] + '-' + splittedDate[2];
document.getElementById("newDate").value = newDate;
}
#hiddenDate {
display:none;
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p id="defaultDate">Date: <input type="text" id="toDate"></p>
<p id="hiddenDate">New Date: <input type="text" id="newDate"></p>
以下代码应该适合您:
$('#toDate').datepicker({
inline: true,
altField: '#x',
dateFormat: "dd-mm-yy", //day
altFormat: "yy-mm-dd", //year
monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
firstDay: 1,
numberOfMonths: 1,
onSelect: function(dateText, inst) {
var dateup = ('0' + (parseInt(inst.selectedDay) + 1)).slice(-2);
var monthup = ('0' + (parseInt(inst.selectedMonth) + 1)).slice(-2);
var newdate = inst.selectedYear+'-'+monthup+'-'+dateup;
socket.emit('sockettoDate', newdate);
}
});