Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在datepicker中显示下一个月和上一个月的名称,而不仅仅是箭头<&燃气轮机;_Javascript_Jquery_Twitter Bootstrap_Datepicker - Fatal编程技术网

Javascript 如何在datepicker中显示下一个月和上一个月的名称,而不仅仅是箭头<&燃气轮机;

Javascript 如何在datepicker中显示下一个月和上一个月的名称,而不仅仅是箭头<&燃气轮机;,javascript,jquery,twitter-bootstrap,datepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,这是我的代码: 我想显示下个月和上个月的名字,而不是。这在Jquery datepicker中可能吗?如果不可能,那么在任何其他日期选择器(如引导日期选择器)中是否可能 任何插件都很好,我对使用Jquery datepicker不是很严格。更新答案: 正如我所说,我一直在寻找更好的解决方案。 我发现基本上和阿德尔一样 但是,您可以进行更多的样式修改,以获得文本正确匹配的内容。 以下是我最后得到的片段: $(函数(){ $(“#日期选择器”)。日期选择器({ 导航数据格式:true, 下一个文本

这是我的代码:

我想显示下个月和上个月的名字,而不是。这在Jquery datepicker中可能吗?如果不可能,那么在任何其他日期选择器(如引导日期选择器)中是否可能


任何插件都很好,我对使用Jquery datepicker不是很严格。

更新答案:

正如我所说,我一直在寻找更好的解决方案。
我发现基本上和阿德尔一样

但是,您可以进行更多的样式修改,以获得文本正确匹配的内容。
以下是我最后得到的片段:

$(函数(){
$(“#日期选择器”)。日期选择器({
导航数据格式:true,
下一个文本:“MM”,
文本:“MM”
});
});
.container{
宽度:600px;
填充:20px;
保证金:自动;
背景:ddd;
}
.ui日期选择器上一个,.ui日期选择器下一个{
宽度:4em!重要;
}
.ui日期选择器标题>span{
字体大小:.85em!重要;
}
.ui日期选择器上一个>span,.ui日期选择器下一个>span{
文本缩进:0;
边距:0!重要;
文本对齐:居中;
身高:继承!重要;
宽度:继承!重要;
背景:0!重要;
左:0!重要;
转化:translateY(-25%);
字体大小:.65em;
字体大小:正常;
}

这是一个使用jquery、jquery ui和jquery css的日期选择器示例

日期:
我添加了
NavigationsDataFormat
来获取月份名称,这是Datepicker的一个内置功能(但这些名称只能出现在工具提示中),但在对代码笔进行一些调整后,我能够显示名称而不是图标

jQuery

$("#datepicker").datepicker({
    navigationAsDateFormat: true,
    nextText: 'MM',
    prevText: 'MM'
});
CSS


请在jQuery Datepicker中选中此项,您可以在下一个/上一个图标上显示月份名称作为标题,这是Datepicker的内置功能。但是,若你们想完全用名称替换图标,那个么你们必须编写自己的函数来设置上一个月/下一个月的名称。给你,和阿德尔一样。但我已经更新了我的答案,因为我们可以实现更好的造型。
$("#datepicker").datepicker({
    navigationAsDateFormat: true,
    nextText: 'MM',
    prevText: 'MM'
});
.ui-icon {
    text-indent: 0;
    color: #000;
    width: 70px;
    background: 0 !important;
}