 |
จะทำยังไงให้ ช่อง dateEnd มันเพิ่มมาอีก 1 วันหลังจากเลือกช่อง แรกไปแล้วครับ หาอ่านแล้วไม่มีให้ดูเลย |
| |
 |
|
|
 |
 |
|
Code (PHP)
<script type="text/javascript">
$(function(){
var startDateTextBox = $('#dateStart');
var endDateTextBox = $('#dateEnd');
startDateTextBox.datepicker({
dateFormat: 'dd-M-yy',
onClose: function(dateText, inst) {
if (endDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
endDateTextBox.datetimepicker('setDate', testStartDate);
}
else {
endDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
}
});
endDateTextBox.datepicker({
dateFormat: 'dd-M-yy',
onClose: function(dateText, inst) {
if (startDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
startDateTextBox.datetimepicker('setDate', testEndDate);
}
else {
startDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
}
});
});
</script>
Start Date : <input type="text" name="dateStart" id="dateStart" value="" />
End Date : <input type="text" name="dateEnd" id="dateEnd" value="" />
จาก https://www.thaicreate.com/community/jquery-datepicker.html
ต้องเพิ่มโค้ดยังไงหรอครับให้ เลือกช่อง แรกแล้ว ช่องที่ 2 + ไปอีก 1 วันอัตโนมัติ
คือ ลองไล่ค้นหาภายในช่องค้นหาของ thaicreate แล้วไม่เจอเลยจร้า
Tag : PHP
|
|
|
 |
 |
 |
 |
| Date :
2018-03-19 17:46:51 |
By :
โนบิตะ |
View :
773 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
 ตอบความคิดเห็นที่ : 1 เขียนโดย : dudesaranyu เมื่อวันที่ 2018-03-20 11:43:02
รายละเอียดของการตอบ ::
ได้ละค๊าฟ
Code (JavaScript)
$(document).ready(function(){
$("#dateStart").datepicker({
beforeShow: function() {
setTimeout(function(){
$('.ui-datepicker').css('z-index', 1000);
}, 0);
},
minDate: 0,
maxDate: "+120D",
numberOfMonths: 1,
dateFormat: 'dd/mm/yy',
onSelect: function(selected) {
var date = $(this).datepicker("getDate");
date.setDate(date.getDate() + 1);
$("#dateEnd").datepicker("setDate", date);
$("#dateEnd").datepicker("option", "minDate", selectedDate);
$("#dateEnd").datepicker("option", "maxDate", date);
}
});
$("#dateEnd").datepicker({
beforeShow: function() {
setTimeout(function(){
$('.ui-datepicker').css('z-index', 1000);
}, 0);
},
minDate: 0,
maxDate:"+120D",
numberOfMonths: 1,
dateFormat: 'dd/mm/yy',
onSelect: function(selected) {
$("#dateStart").datepicker("option","maxDate", selected)
}
});
});
|
| |
|
|
| |
| Date :
2018-03-20 17:01:59 |
By :
โนบิตะ |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
