jQuery Mobile的日期选择Server日期时间

问题描述：

我使用下面的日期选择在移动asp.net的MVC剃刀网站 http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/jQuery Mobile的日期选择Server日期时间

我想要做的是使用服务器日期时间，而不是客户端的日期时间为缺省时间，我应该在哪里放置日期时间从我viewbag

时，我的第一次约会字段填日期第二个日期字段必须在日期+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>

答

在文件准备一套（如果你添加ServerDateTime到ViewBag）

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

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

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

});

jQuery Mobile的日期选择Server日期时间

相关推荐