显示弹出日历到多个文本框单击 [英] to show popup calender to the multiple textbox click

问题描述

 <   link     rel   =  stylesheet    type   =  text / css    media   =  all    href   =  ../ Datepicker / jsDatePick_ltr.min.css    /  >  
 <   script    类型  =  text / javascript    src   =  ../ Datepicker / jsDatePick.min.1.3.js >  <   / script  >  
 <   script     type   =  text / javascript >  
 window.onload = function（）{
 new JsDatePick（{
 useMode：2，
 
 target：ctl00_ctl00_content_content_TextBox1，
 
 
 dateFormat：％d /％m /％Y
 
 / * selectedDate：{这是完整配置提供的示例。 
天：5，有关这些设置的完整文档，请参阅完整版代码。 
 month：9，
 year：2006 
}，
 yearsRange：[1978,2020]，
 limitToToday：false，
 cellColorScheme：beige ，
 dateFormat：％m-％d-％Y，
 imgPath：img /，
 weekStartDay：1 * / 
}）; 
}; 
 
 //函数TextBox1_onclick（）{
 
 //} 
 
 //函数TextBox2_onclick（）{
 
 / /} 
 
 
 
 <   / script  >  

解决方案

如果您想要 DatePicker 更多 TextBoxes ，那么你必须这样做...

  window  .onload =  function （）{
  new  JsDatePick（{
 useMode： 2 ，
 target：  ctl00_ctl00_content_content_TextBox1 
}）; 
 
  new  JsDatePick（{
 useMode： 2 ，
 target：  txtSecondBox 
}）; 
 
  new  JsDatePick（{
 useMode： 2 ，
 target：  txtThirdBox 
}）; 
}; 

所以，基本上你必须为每个<$ c $创建新的 JsDatePick 对象C>文本框

<link rel="stylesheet" type="text/css" media="all" href="../Datepicker/jsDatePick_ltr.min.css" />
    <script type="text/javascript" src="../Datepicker/jsDatePick.min.1.3.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            new JsDatePick({
                useMode: 2,

                target: "ctl00_ctl00_content_content_TextBox1",


                dateFormat: "%d/%m/%Y"

                /*selectedDate:{                This is an example of what the full configuration offers.
                day:5,                      For full documentation about these settings please see the full version of the code.
                month:9,
                year:2006
                },
                yearsRange:[1978,2020],
                limitToToday:false,
                cellColorScheme:"beige",
                dateFormat:"%m-%d-%Y",
                imgPath:"img/",
                weekStartDay:1*/
            });
        };

//       function TextBox1_onclick() {

//      }

//       function TextBox2_onclick() {

//        }



</script>

解决方案

If you want to have DatePicker for more TextBoxes, then you have to do like below...

window.onload = function () {
    new JsDatePick({
        useMode: 2,     
        target: "ctl00_ctl00_content_content_TextBox1"
    });

    new JsDatePick({
        useMode: 2,     
        target: "txtSecondBox"
    });

    new JsDatePick({
        useMode: 2,     
        target: "txtThirdBox"
    });
};

So, basically you have to create new JsDatePick Object for each TextBox.

这篇关于显示弹出日历到多个文本框单击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！