jQueryのモバイルDatePickerのサーバのdatetime

Question

私は私が何をしたいのか、モバイルasp.net MVCかみそりのウェブサイトに http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/

1. を次の日付ピッカーを使用しています使用のサーバの日付時刻の代わりに、クライアントの日時であるデフォルト時間など私の最初の日付フィールドを日付で満たされたときに、どこでviewbagから日時を置くべき

2. 二日付フィールドは、+ 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> 
   

日付を持っている必要があります文書準備セットでは

Answer 1

（あなたがViewBagにServerDateTimeを追加した場合）

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

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

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

});