如何将字段季度添加到 .ui-日期选择器-month
如何将七月、一月、二月、三月、四月、五月、六月、八月、九月、十月、十一月、十二月替换为单词:“周期1、周期2、周期3、周期4”。
我想我会做一些细节:-制作一个数组列表-添加到Dropdownlist -添加到UI。但是，我不知道怎么做这个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<script type="text/javascript">
$(function() {
$('.date-picker').datepicker( {
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'MM yy',
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
},
beforeShow : function(input, inst) {
var datestr;
if ((datestr = $(this).val()).length > 0) {
year = datestr.substring(datestr.length-4, datestr.length);
month = jQuery.inArray(datestr.substring(0, datestr.length-5), $(this).datepicker('option', 'monthNamesShort'));
$(this).datepicker('option', 'defaultDate', new Date(year, month, 1));
$(this).datepicker('setDate', new Date(year, month, 1));
}
}
});
});
</script>
<style>
.ui-datepicker-calendar {
display: none;
}
</style>
</head>
<body>
<label for="startDate">Date :</label>
<input name="startDate" id="startDate" class="date-picker" />
</body>
</html>非常感谢。
共有1个答案
这应该可以做到（初始化后）：
var monthNames = ['Period1','Period2','Period3','Period4','Period5','Period6',
'Period7','Period8','Period9','Period10','Period11','Period12'];
var monthNamesShort = ['Per1', 'Per2', 'Per3', 'Per4', 'Per5', 'Per6',
'Per7', 'Per8', 'Per9', 'Per10', 'Per11', 'Per12'];
$(".date-picker").datepicker( "option", "monthNames", monthNames);
$(".date-picker").datepicker( "option", "monthNamesShort", monthNamesShort);
请注意，您也应该设置monthNamesShort。也可以在初始化期间设置这些属性。
$(".date-picker").datepicker({
...,
monthNames: ['Period1', ...],
monthNamesShort:['Per1', ...],
...
});
-
问题内容： 这是关于如何在django支持的网站中使用jQuery 。 是 我正在使用。 我正在使用和创建成功显示日期。 但未显示日期选择器图标。我正在使用Django模型形式。 问题答案： 你可以使用来将a传递给表单，该表单将在html中呈现。然后，将读取该内容以呈现功能。 这是一个例子： …或使用ModelForm时通过Meta类中的属性： 现在在模板中：
-
在grails中，通过使用jQuery UI插件，如何将域属性（日期周日期）设置为用户使用日期选择器功能选择的日期？
-
问题内容： 我正在尝试使用JQuery Ui禁用特定日期。但是，我没有运气，这是我的代码： 实例化datepicker对象 获取日历中要禁用的日期 它似乎没有用，我知道如何解决这个问题。干杯。 问题答案： 好像您在一个输入上调用了两次。很难遵循您的代码，但是如果您重新组织代码并删除第二个调用，那么一切都会正常进行：
-
从弹出框或内联日历选择一个日期。 如需了解更多有关 datepicker 部件的细节，请查看 API 文档 日期选择器部件（Datepicker Widget）。 默认功能 日期选择器（Datepicker）绑定到一个标准的表单 input 字段上。把焦点移到 input 上（点击或者使用 tab 键），在一个小的覆盖层上打开一个交互日历。选择一个日期，点击页面上的任意地方（输入框即失去焦点），或
-
elementui el-date-picker type='daterange'时，如何添加清空和确认按钮？
-
我在我的Spring启动应用程序中使用了开放遥测java自动检测。有没有办法让应用程序日志成为创建的跨度的一部分？ 我的自动配置设置如下：