在JQuery DatePicker上发送+1天

时间:2017-11-16 09:34:36

标签: javascript jquery jquery-ui jquery-ui-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' 。有没有办法做到这一点?

2 个答案:

答案 0 :(得分:1)

以下代码应该适合您:

$('#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);
    }
});

答案 1 :(得分:0)

有两个输入框;但在任何时候只有一个可见;

我添加了一个不同的标签,以便您可以在日期更改后区分;

调整它以满足您的需求。



$('#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>
&#13;
&#13;
&#13;