2013-10-09 81 views
0

好吧我已經成功地在我的其他項目上做到這一點。
不幸的是,它不適用於目前正在進行的項目,有人可以提供關於我的代碼tnx有什麼錯誤的見解!jquery datepicker不彈出

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="NonOperatingDays.WebForm1" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
    .ui-datepicker 
      { 
      background: #FFFFFF; 
      border: 1px solid #888888; 
      color: #888888; 
      } 
      </style> 
     <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.ui.datepicker.js" type="text/javascript"></script> 
</head> 
<body> 
    <script type="text/javascript" language ="javascript"> 
     function pageLoad() { 
      $(function() { 
       $(".datepicker").datepicker({ dateformat: "YYYY-MM-DD" }); 
      }); 
     } </script> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="TextBox1" runat="server" CssClass="datepicker"></asp:TextBox> 
    </div> 
    </form> 
</body> 
</html> 
+0

檢查您的控制檯,你得到任何錯誤? –

回答

3

實際上完成@Wilson黃答案,而不是使用頁面加載,你必須使用jQuery的準備,否則jQuery的小部件不會工作

$(document).ready(function() { 
    $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" }); 
    }); 

還要確保DATEFORMAT是駱駝套管,不要忘記添加CSS和JavaScript鏈接

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
+0

:(我試圖用您的代碼替換我的代碼。並將您的腳本放在頭標籤仍然不工作:(我不知道這是什麼原因背後 – zxc

+0

看到這是jsfiddle.net/kia3d/NpU34/的jsfiddle.net和它完美的工作 – Kiarash

+0

它已經修復? – Kiarash

0

看看:http://api.jquery.com/ready/

你並不需要 「功能頁面加載()」。

<script type="text/javascript"> 
    $(function() { 
    $(".datepicker").datepicker({ dateformat: "yy-mm-dd" }); 
    }); 
    </script> 
+0

tnx回答!我試過這一個仍然不工作:( – zxc

0

這裏是工作代碼:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
    <title></title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $(".datepicker").datepicker({ dateFormat: 'yy-MM-dd' }); 
    }); 
</script> 

<form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="TextBox1" runat="server" CssClass="datepicker"></asp:TextBox> 
    </div> 
</form>