Datepicker标题

时间:2016-03-15 03:34:24

标签: jquery datepicker jquery-ui-datepicker

我有一个jquery datepicker,我需要在标题中添加一个文本。我找到了这段代码,但每次重新加载页面时都会重复该文本:

$( "input" ).datepicker()
.on( "focus", function() {
$('.ui-datepicker').prepend('<div class="datepicker_tit1">Text<div/>');
}); 

任何人都知道另一种方式吗?

2 个答案:

答案 0 :(得分:1)

在添加焦点之前检查标题是否已经存在

$( "#input" ).datepicker().on( "focus", function() {    
  if(!$('.ui-datepicker').find('#input_header').length){
    $('.ui-datepicker').prepend('<div id="input_header" class="datepicker_tit1">Select a date<div/>');  
  }    
}); 

答案 1 :(得分:0)

这样的事情应该有效,

var myBool = false;
$( "input" ).datepicker().on( "focus", function() {
    if(myBool == false)
    {
        $('.ui-datepicker').prepend('<div class="datepicker_tit1">Text<div/>');
    }
    myBool = true;
}); 

这样前置只会在第一次调用焦点事件时发生。