JQuery와 모바일 날짜 선택기 Server 날짜

Question

I 모바일 asp.net MVC 면도기 웹 사이트에 다음과 같은 날짜 선택기를 사용하고

는 http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/

1. 는 내가 뭘 원하는 대신 기본 시간으로 클라이언트 날짜의 사용 서버 날짜 시간입니다 여기서 내가

2. 내 첫 번째 날짜 필드가 날짜로 가득 할 때 두 번째 날짜 필드는 날짜 + 칠일

   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> 
   

이 있어야 내 viewbag에서 ​​날짜를 배치해야합니다 문서 준비 세트에서

Answer 1

(당신이 ViewBag에 ServerDateTime을 추가하는 경우)

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

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

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

});