JQuery 移动日期选择器服务器日期时间答案

【问题标题】：JQuery mobile datepicker Server datetimeJQuery 移动日期选择器服务器日期时间
【发布时间】：2012-01-10 12:07:11
【问题描述】：

我在移动 asp.net mvc razor 网站中使用以下日期选择器 http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/

我想要做的是使用服务器日期时间而不是客户端日期时间作为默认时间，我应该将我的视图中的日期时间放在哪里

当我的第一个日期字段填写日期时，第二个日期字段必须包含日期 + 7 天

public ActionResult Index()
{
       ViewBag.datetime1 = System.DateTime.Now
       ViewBag.datetime2 = System.DateTime.Now.AddDays(7)
}

<div id="startPicker">
   <input id="PickUpDate"  name="PickUpDate" type="date" value="" class="smaller" required="true"/>           
</div>
<div id="endPicker">
   <input id="DropOffDate"  name="DropOffDate" type="date" value="" class="smaller"  required="true"/>           
</div>

<script type="text/javascript">


     $(function () {

         $(".ui-datepicker").hide();

         // startDate datepicker
         var idDivStart = $("#startPicker div").attr("id");

         $("#PickUpDate").focus(function () {
             $("#" + idDivStart + " .ui-datepicker").show();
         });

         // endDate datepicker
         var idDivEnd = $("#endPicker div").attr("id");

         $("#DropOffDate").focus(function () {
             $("#" + idDivEnd + " .ui-datepicker").show();
         });

         //
         $(".ui-datepicker-calendar a").live("click", function () {
             $(".ui-datepicker").hide();
         });

         //
         $(".inputsText").focus(function () {
             $(".ui-datepicker").hide();
         });
         //
         $("div").attr("tabindex", -1).focus(function () {
             $(".ui-datepicker").hide();
         });
     });

</script>

【问题讨论】：

标签： c# jquery asp.net-mvc razor

【解决方案1】：

在文档就绪集中（如果您将 ServerDateTime 添加到 ViewBag）

$("#PickUpDate").datepicker( "setDate" , '@ViewBag.ServerDateTime')

$("#PickUpDate").change(function(){

$("#DropOffDate").datepicker( "setDate" ,$("#PickUpDate".getDate() + 7 ) )

});

【讨论】：