JQuery mobile datepicker Сервер datetime

Question

Я использую следующий инструмент выбора даты на мобильном сайте asp.net mvc razor http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/

1. что я хочу сделать, это использовать дату сервера вместо даты и времени клиента в качестве времени по умолчанию, куда я должен поместить дату и время из моей панели просмотра

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

В готовом наборе документов (если вы добавите ServerDateTime в ViewBag)

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

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

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

});