jQuery Mobile Datepicker，选择日期并显示事件

Question

我有一张桌子，上面有活动及其重复的频率（星期一，星期二等）。我拥有的移动网页将显示今天的详细信息。 我想在页面上的导航栏中添加日期选择器按钮。

以下代码获取“今天”的信息

//todays date
$current_day = date('N');

echo "<ul data-role='listview' data-inset='true'>";
while($row = mysqli_fetch_array($result))
{
    //if the event is on today then print the details
    if(strpos($row['Day'], $current_day) !== false){
        echo "<li>";

        echo "<h1>".$row['Start']." - ".$row['End']."</h1>";
        echo "<h2>".$row['Class']."</h2>";
        echo "<h2>".$row['Instructor']."</h2>";

        echo "</li>";
    }
}
echo "</ul>";

我想使用日期选择器将当天设置为用户的选择。 我尝试过使用Jquery Mobile Date Box，但无法弄清楚如何使用这种日期。 （ 使用CalBox ）

Answer 1

您可以按以下方式使用jQM日期框：

使用type="date"创建input ，并根据需要设置模式。 如果您想在用户设置新日期后立即对其进行响应，则可以为closeCallback添加回调。

<input name="Date1" id="Date1" type="date" data-role="datebox" data-options='{"mode": "calbox", "closeCallback": "onClose" }' /> 

function onClose(){
    alert($('#Date1').datebox('getTheDate').getDay());
}

您也可以稍后获取日期，例如单击按钮时：

$('#btndatebox').on('click', function () {
    var currDate = $('#Date1').datebox('getTheDate').getDay();
    alert(currDate);
});

getDay()是用于从日期对象获取星期几的javascript函数。

这是一个演示