Question

我需要日期选择器中的日期，如下图所示，使用Javascript Datepicker中的Zig-Zag流

2014-11-10-2014-11-15 2014-11-16-2014-11-17 2014-11-18-2014-11-18

Answer 1

由于您没有指定任何特定的JS库，因此我假设您是指HTML5标准<input type="date">，该标准根据当前使用的浏览器呈现日期选择器。

向用户显示的此日期选择器的格式由用户浏览器的区域设置确定，而使用JavaScript检索的值始终为yyyy-mm-dd格式。

const dateNode = document.querySelector("input[type=date]")

dateNode.addEventListener('change', (event) => {
  console.log(`Current JS-Value: ${event.target.value}, which is of type ${typeof event.target.value}`)
})

<label>Enter date:
<input type="date">
</label>

Answer 2

最后我解决了这个问题。

 function remove(tr_id){         
     $("#tr_"+tr_id).remove();    
     counter = $("#counter").val();          
     counter = parseInt( counter ) - 1 ; 
     $("#counter").val(counter);  
}
function AddNewElement(){
    counter = $("#counter").val();          
    counter = parseInt( counter ) + 1 ; 
    // YOUR SPECIFIC DYNAMIC HTML
    var elestr = '<tr id="tr_'+counter+'" class="ele_tr"><td><input onclick="remove('+counter+');" id="remove" type="button" value="Remove"></td></tr>';
     $("#ele_list").append(elestr);    
     $("#counter").val(counter);  
}

$('body').on('focus',".dp_start", function(){
    counter = $(this).data('counter');
    counter = parseInt(counter);

    var trialDate = new Date ($("#enddate_"+ (counter-1)).val());
        trialDate.setDate ( trialDate.getDate () + 1 );

    $(this).datepicker({
           // changeMonth: true, changeYear: true,
            dateFormat: "yy-mm-dd",
            minDate:  trialDate, 
            onClose: function (selectedDate) {
                $("#enddate_"+counter).datepicker("option", "minDate", selectedDate);
            }
        });            
});

$('body').on('focus',".dp_end", function(){
    counter = $(this).data('counter');
    counter = parseInt(counter);
    $(this).datepicker({
       // changeMonth: true, changeYear: true,
        dateFormat: "yy-mm-dd",
        minDate: $("#startdate_"+ (counter)).val(),
        onClose: function (selectedDate) {
            $("#startdate_"+counter).datepicker("option", "maxDate", selectedDate);
        }
    });
});

如何使用Datepicker在JavaScript中以ZIG-ZAG格式获取日期

2 个答案: