如何从 JQueryM datepicker 获取纪元值？

Question

我正在尝试从我的日期选择器中获取纪元日期。我尝试通过 HTML 在日期选择器上放置一个带有 altFormat 的 altField，但是当尝试使用 JavaScript 取回该值时，它为空：

HTML -

 <input onchange='Refresh()' name="logging_from" id="logging_from" type="date" data-role="datebox" data-options='{"mode": "calbox","overrideDateFormat":"%d-%b-%y", "showInitialValue":true, "altField": "#epochdate","altFormat": "@" }'>

JavaScript -

    var loggingfromactual = document.getElementById("epochdate").value;

任何帮助将不胜感激，谢谢！

Answer 1

这里有几个选项：

处理输入的change事件，获取日期并转换为纪元(date.getTime()/1000)

<input name="logging_from" id="logging_from" type="text" data-role="datebox" 
data-options='{
   "useNewStyle":true, 
   "mode": "calbox",
   "overrideDateFormat":"%d-%b-%y"
}' />

$("#logging_from").on("change", function(){
    alert("Epoch of sel date is " + dateToEpoch($(this).datebox('getTheDate')));   
});

function dateToEpoch(thedate){
    return thedate.getTime() / 1000;   
}

DEMO

或，在日历上添加关闭回调：

<input name="logging_from" id="logging_from" type="text" data-role="datebox"
        data-options='{
           "useNewStyle":true, 
           "mode": "calbox",
           "overrideDateFormat":"%d-%b-%y" ,
            "closeCallback":"onCloseCalendar",
            "closeCallbackArgs":["out_date"]
        }' />

function onCloseCalendar(thedate){
    alert("Epoch for sel date is " + dateToEpoch(thedate));
}

function dateToEpoch(thedate){
    return thedate.getTime() / 1000;   
}

DEMO