如何附加文本和引导日期选择器

时间:2013-10-25 11:13:06

标签: javascript jquery css twitter-bootstrap datepicker

我正在尝试将bootstrap datepicker与一些text.Say相结合。例如

hello 12/12/2013

在jsfiddle中假设我写了你好然后选择一个日期然后单词hello被日期替换。 这是jsfiddle显示bootstrap datepicker,请告诉我如何附加一些文本和datepicker.Following是jquery代码,以获取datepicker.i我引用此站点的bootstrap datepicker

 $('#datetimepicker').datetimepicker({
        format: 'dd/MM/yyyy hh:mm:ss',
        language: 'pt-BR'
      });

2 个答案:

答案 0 :(得分:2)

简单地说,如果您想要选择任何日期的相同文本:

$('#datetimepicker').datetimepicker({
        format: 'hello dd/MM/yyyy hh:mm:ss',
        language: 'pt-BR'
      });

而且,如果在你的例子中,你不想要时间:

$('#datetimepicker').datetimepicker({
        format: 'hello dd/MM/yyyy',
        language: 'pt-BR'
      });

请参阅此jsfiddle

答案 1 :(得分:1)

你可以这样做......

var val=" ";
   $(function() {
     $("#datetimepicker").datetimepicker({
        format: "yyyy-MM-dd",
        linkField: "#txt",
        linkFormat: "yyyy-mm-dd",
        autoclose: true,
    });

 jQuery('#datetimepicker').datetimepicker().on('changeDate', function(ev){



 var chk=$(".darea1").val();
 chk=chk.replace(val, " ");;
 $(".darea1").val(chk);

     $(".darea1").val($( ".darea1" ).val()+$( "#txt" ).val());
    val=$( "#txt" ).val();



});

});

检查此fiddle

相关问题