为什么我的日期选择器代码不起作用 [英] why my date picker code does not working
本文介绍了为什么我的日期选择器代码不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有以下编码
i have the following coding
<%@ Page Title="" Language="C#" MasterPageFile="~/CRMTrackingUser.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CRMTracking.Pages.Default2" EnableEventValidation="false" %>
<%@ MasterType VirtualPath="~/CRMTrackingUser.Master" %>
<asp:Content ID="Content2" ContentPlaceHolderID="CRMMainDisplayContent" runat="server">
<link href="../CSS/pikaday.css" rel="stylesheet" />
<script src="pikaday.js"></script>
<script>
var picker = new Pikaday(
{
field: document.getElementById('txtUDob'),
firstDay: 1,
minDate: new Date(2000, 0, 1),
maxDate: new Date(2020, 12, 31),
yearRange: [2000, 2020]
});
</script>
<div>
<table><tr><td>
<asp:TextBox ID="txtUDob" runat="server" CssClass="input"></asp:TextBox>
</td></tr></table>
</div>
</asp:Content>
时我把这些代码放在一个webform中,但是我上面的情况没有发生。请找出我的问题..
when i put these codes in a webform it works but i the above situation nothing is happening. please figure out my problem..
推荐答案
您好b $ b
使用此方法获取文本框对象:
字段:document.getElementById('<%= txtUDob.ClientID%>'),
Hi
Use this for getting text box object as:
field:document.getElementById('<%=txtUDob.ClientID%>'),
查看您的网络表单源代码通过右键单击您的页面,然后单击查看源并查看TextBox IdtxtUDob。
我会改变,因为你正在使用母版页。所以它就像
ctl00_ContentPlaceHolder1_txtUDob。
所以请用你的代码像< br $> b $ b
< script>
var picker = new Pikaday(
{
field:document.getElementById('ctl00_ContentPlaceHolder1_txtUDob'),
firstDay:1,
minDate:new Date(2000,0,1),
maxDate:new Date(2020,12,31),
yearRange:[2000,2020]
});
< /脚本>
问候,
AARIF SHAIKH
View your web form Source code through right click on your page and click view source and look you TextBox Id "txtUDob".
I will Change because you are using Master Page. so it will be as like
"ctl00_ContentPlaceHolder1_txtUDob".
So Please user your code as like
<script>
var picker = new Pikaday(
{
field: document.getElementById('ctl00_ContentPlaceHolder1_txtUDob'),
firstDay: 1,
minDate: new Date(2000, 0, 1),
maxDate: new Date(2020, 12, 31),
yearRange: [2000, 2020]
});
</script>
Regards,
AARIF SHAIKH
这篇关于为什么我的日期选择器代码不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文