为什么我的日期选择器代码不起作用 [英] 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屋！