Jquery 引导日期选择器-动态更改格式-设置月份名称获取月份值

Jquery 引导日期选择器-动态更改格式-设置月份名称获取月份值,jquery,twitter-bootstrap,datepicker,momentjs,Jquery,Twitter Bootstrap,Datepicker,Momentjs,我只希望有一个日期选择器来选择多个期间 通过选择,我选择句点类型,一旦更改,我就设置日期选择器(我必须删除它并重新初始化它) 对于周设置,我指定了一个类来突出显示周,并在更改日期或关闭弹出窗口时指定值 对于月份设置,我希望显示月份名称,但获取月份的值 当我选择七月时,我想在日期选择器中看到“七月”,但如果我点击按钮,我想看到“07” $(文档).ready(函数(){ $(“#dtpk”).datepicker({ 自动关闭:是的, 格式:“dd-mm-yyyy”, }); }); $(doc

我只希望有一个日期选择器来选择多个期间

通过选择,我选择句点类型,一旦更改,我就设置日期选择器(我必须删除它并重新初始化它)

对于周设置,我指定了一个类来突出显示周,并在更改日期或关闭弹出窗口时指定值

对于月份设置,我希望显示月份名称,但获取月份的值

当我选择七月时,我想在日期选择器中看到“七月”,但如果我点击按钮,我想看到“07”

$(文档).ready(函数(){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
});
$(document).on(“change”,“.selDateCustom”,函数(){
var thisVal=$(this.val();
$(“#dtpk”).datepicker('remove');
$(“#dtpk”).val(“”);
$(“#dtpk”).attr(“typeDP”,即“);
如果(此值=“天”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
}
如果(thisVal==“年”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“yyyy”,
查看模式:“年”,
minViewMode:“年”,
}); 
}
else if(thisVal==“月”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“mm”,
查看模式:“月”,
minViewMode:“月”,
});
}
else if(thisVal==“周”){
$(“#dtpk”).attr(“typeDP”,“weekly”);
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”
});
}
$(“#dtpk”).focus();
});
$(document).on(“changeDate hide”,“#dtpk[typeDP='weekly']”,function(){
var值=$(this.val();
如果(值!=“”){
var firstDate=时刻(值为“DD-MM-YYYY”)。日期(0)。格式为(“DD-MM-YYYY”);
var lastDate=时刻(值“DD-MM-YYYY”)。日期(6)。格式(“DD-MM-YYYY”);
$(this).val(firstDate+“|”+lastDate);
}
});
$(document).on(“show”,“#dtpk[typeDP='weekly']”,function(){
$(“.datepicker days tbody tr”).addClass(“每周”);
});
$(document).on(“click”,“.getVal”,function()){
警报($(“#dtpk”).val());
});
.datepicker days tbody tr.weekly:悬停{
背景色:#808080;
}

白天
年
月
周

GetVal
格式
mm
更改为
mm

else if(thisVal=="month") { 
      $("#dtpk").datepicker({
            autoclose: true,
          format: "mm,MM",
          viewMode: "months", 
          minViewMode: "months",
      });
  }
$(文档).ready(函数(){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
});
$(document).on(“change”,“.selDateCustom”,函数(){
var thisVal=$(this.val();
$(“#dtpk”).datepicker('remove');
$(“#dtpk”).val(“”);
$(“#dtpk”).attr(“typeDP”,即“);
如果(此值=“天”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
}
如果(thisVal==“年”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“yyyy”,
查看模式:“年”,
minViewMode:“年”,
}); 
}
else if(thisVal==“月”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“mm,mm”,
查看模式:“月”,
minViewMode:“月”,
}).on('changeDate',功能(ev){
//$(“#div_txt_month_number”).text($(this.val().split(',')[0]);
$(“#input_txt_month_number”).val($(this.val().split(',')[0]);
});
}
else if(thisVal==“周”){
$(“#dtpk”).attr(“typeDP”,“weekly”);
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”
});
}
$(“#dtpk”).focus();
});
$(document).on(“changeDate hide”,“#dtpk[typeDP='weekly']”,function(){
var值=$(this.val();
如果(值!=“”){
var firstDate=时刻(值为“DD-MM-YYYY”)。日期(0)。格式为(“DD-MM-YYYY”);
var lastDate=时刻(值“DD-MM-YYYY”)。日期(6)。格式(“DD-MM-YYYY”);
$(this).val(firstDate+“|”+lastDate);
}
});
$(document).on(“show”,“#dtpk[typeDP='weekly']”,function(){
$(“.datepicker days tbody tr”).addClass(“每周”);
});
$(document).on(“click”,“.getVal”,function()){
警报($(“#输入#文本#月#号”).val();
//警报($(“#dtpk”).val());
});
.datepicker days tbody tr.weekly:悬停{
背景色:#808080;
}

白天
年
月
周

GetVal
格式
mm
更改为
mm

else if(thisVal=="month") { 
      $("#dtpk").datepicker({
            autoclose: true,
          format: "mm,MM",
          viewMode: "months", 
          minViewMode: "months",
      });
  }
$(文档).ready(函数(){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
});
$(document).on(“change”,“.selDateCustom”,函数(){
var thisVal=$(this.val();
$(“#dtpk”).datepicker('remove');
$(“#dtpk”).val(“”);
$(“#dtpk”).attr(“typeDP”,即“);
如果(此值=“天”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”,
});
}
如果(thisVal==“年”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“yyyy”,
查看模式:“年”,
minViewMode:“年”,
}); 
}
else if(thisVal==“月”){
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“mm,mm”,
查看模式:“月”,
minViewMode:“月”,
}).on('changeDate',功能(ev){
//$(“#div_txt_month_number”).text($(this.val().split(',')[0]);
$(“#input_txt_month_number”).val($(this.val().split(',')[0]);
});
}
else if(thisVal==“周”){
$(“#dtpk”).attr(“typeDP”,“weekly”);
$(“#dtpk”).datepicker({
自动关闭:是的,
格式:“dd-mm-yyyy”
});
}
$(“#dtpk”).focus();
});
$(document).on(“changeDate hide”,“#dtpk[typeDP='weekly']”,function(){
var值=$(this.val();
如果(值!=“”){
var firstDate=时刻(值为“DD-MM-YYYY”)。日期(0)。格式为(“DD-MM-YYYY”);
var lastDate=时刻(值“DD-MM-YYYY”)。日期(6)。格式(“DD-MM-YYYY”);
$(this).val(firstDate+“|”+la