如何修改jquery ui date picker 样式

如何修改jquery ui date picker 样式,第1张

jqueryui默认显示的是英文的日期格式,可以通过插件设置为显示中文的方式,如下是设置显示中文的代码:

$((function($){

$.datepicker.regional['zh-CN'] = {

clearText: '清除',

clearStatus: '清除已选日期',

closeText: '关闭',

closeStatus: '不改变当前选择',

prevText: '<上月',

prevStatus: '显示上月',

prevBigText: '<<',

prevBigStatus: '显示上一年',

nextText: '下月>',

nextStatus: '显示下月',

nextBigText: '>>',

nextBigStatus: '显示下一年',

currentText: '今天',

currentStatus: '显示本月',

monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],

monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],

monthStatus: '选择月份',

yearStatus: '选择年份',

weekHeader: '周',

weekStatus: '年内周次',

dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],

dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],

dayNamesMin: ['日','一','二','三','四','五','六'],

dayStatus: '设置 DD 为一周起始',

dateStatus: '选择 m月 d日, DD',

dateFormat: 'yy-mm-dd',

firstDay: 1,

initStatus: '请选择日期',

isRTL: false}

$.datepicker.setDefaults($.datepicker.regional['zh-CN'])

})(jQuery))

完整的测试例子如下,可以通过试试运行查看运行效果:

<!doctype html>

<html>

<head>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" type="text/css" charset="utf-8"/>

</head>

<body>

<form>

<input type="text" size="15" class="datePicker"/>

</form>

<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript">

$((function($){

$.datepicker.regional['zh-CN'] = {

clearText: '清除',

clearStatus: '清除已选日期',

closeText: '关闭',

closeStatus: '不改变当前选择',

prevText: '<上月',

prevStatus: '显示上月',

prevBigText: '<<',

prevBigStatus: '显示上一年',

nextText: '下月>',

nextStatus: '显示下月',

nextBigText: '>>',

nextBigStatus: '显示下一年',

currentText: '今天',

currentStatus: '显示本月',

monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],

monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],

monthStatus: '选择月份',

yearStatus: '选择年份',

weekHeader: '周',

weekStatus: '年内周次',

dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],

dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],

dayNamesMin: ['日','一','二','三','四','五','六'],

dayStatus: '设置 DD 为一周起始',

dateStatus: '选择 m月 d日, DD',

dateFormat: 'yy-mm-dd',

firstDay: 1,

initStatus: '请选择日期',

isRTL: false}

$.datepicker.setDefaults($.datepicker.regional['zh-CN'])

})(jQuery))

$('.datePicker').datepicker()

</script>

</body>

</html>

你找到my97 里面的WdatePicker.js 这个文件, 里面有设置时间格式的地方, 你改下 lang:"auto", skin:"default", dateFmt:"yyyy-MM-dd", realDateFmt:"yyyy-MM-dd", realTimeFmt:"HH:mm:ss", realFullFmt:"%Date %Time", minDate:"1900-01-01 00。

1.在创建Activity的时候加入 requestWindowFeature(Window.FEATURE_NO_TITLE)// 去掉标题栏

2.在Activity注册样式中加入android:theme="@android:style/Theme.Light主题显示为:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11359574.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存