2011-03-27 71 views
0
<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('.date').datepicker 
      ({ 
       dateFormat: 'mm/dd/yyyy', 
       showStatus: true     
       } 
      }); 
     }); 

</script> 
<div> 
    Date: <input type="text" id="datepicker"/> 
</div> 
<div> 
    @Html.TextBox("toDate", Model.toDate.ToString("dd/MM/yyyy"), new { @class = "date" }) 
</div>  

以上是cshtml頁面..我很無知爲什麼我點擊日期選擇器的日期不會顯示在texbox/input上..你能幫忙嗎?textfield不顯示從mvc3 jquery datepicker採摘的日期?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title>WeeklyReport</title> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 
    <link href="//Content/Site.css" rel="stylesheet" type="text/css" /> 
    <script src="//Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> 
    <script src="//Scripts/jquery-ui.min.js" type="text/javascript"></script> 
    <script src="//Scripts/jquery.validate.min.js" type="text/javascript"></script> 
    <script src="//Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> 
    <script src="//Scripts/jquery.infieldlabel.min.js" type="text/javascript"></script> 
</head> 
<body> 
</div> 
    <div class="content"> 
     <div class="topSpacer"> 
     </div> 
     <div class="maincontent"> 
      <script type="text/javascript"> 
    $(document).ready(function() { 
     $('.date').datepicker 
      ({ 
       dateFormat: 'mm/dd/yyyy', 
       showStatus: true, 
       highlightWeek: true, 
       showAnim: "scale", 
       firstDay: 6, 
       showOptions: { 
        origin: ["top", "left"]}, 
       onSelect: function() {   
       } 
      }); 


     }); 

    $(function() { 
     $("#datepicker").datepicker(); 
    }); 

</script> 
<div> 
    Enter search criteria 
</div> 
<div style="float: left"> 
<p>Date: <input type="text" id="datepicker"/></p> 

</div> 
<div style="float: left; padding-left: 30px"> 
    <input class="date" id="toDate" name="toDate" type="text" value="15/12/2011" />&nbsp 
    EndDate 
</div> 


     </div> 
    </div> 
</body> 
</html> 
    ` 
+0

,能得到任何JavaScript錯誤?如果沒有,您是否可以複製和粘貼使用代碼格式設置「查看源代碼」時生成的標記? – 2011-03-27 17:10:20

+0

沒有開始任何js錯誤..幾個小時分裂頭髮..將粘貼意見 – hillary 2011-03-27 17:19:37

+0

philip..prageveen ..沒有宇只是幫助我得到它編輯...!謝謝!!! – hillary 2011-03-27 18:59:17

回答

1

這是什麼混亂?你在問什麼?在你的問題中,你沒有展示你的代碼是怎麼樣的,所以我們只能在這裏猜測。通常當你問一個問題時,你應該精確地展示你的代碼的外觀。

所以這裏有一個猜測,我可以做,以改善與工作示例代碼:

查看:

@model AppName.Models.SomeViewModel 
<script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('.date').datepicker({ 
      showStatus: true, 
      highlightWeek: true, 
      showAnim: 'scale', 
      firstDay: 6, 
      showOptions: { 
       origin: [ 'top', 'left' ] 
      }, 
      onSelect: function() { 

      } 
     }); 
     $('#datepicker').datepicker(); 
    }); 
</script> 

<div> 
    Date: <input type="text" id="datepicker"/> 
</div> 
<div> 
    @Html.TextBox(
     "toDate", 
     Model.toDate.ToString("dd/MM/yyyy"), 
     new { @class = "date" } 
    ) 
</div> 
+0

Darin ..道歉abt雜亂的部分..!並感謝您的耐心..好消息是,它在Firefox中工作正常..仍然沒有IE8有或沒有兼容模式.. – hillary 2011-03-28 03:17:54