文档章节

PhoneGap+Cordova+SenchaTouch-03-日期组件的使用与本地化

jxlgzwh
 jxlgzwh
发布于 2015/02/04 11:44
字数 257
阅读 1106
收藏 1

在SenchaTouch 中使用日期组件只需要简单定义就可以了

{
                xtype: 'datepickerfield',
                label: '生日',
                name: 'birthday',
                value: {
                    year: 2015,
                    month: 2,
                    day: 4
                },
                placeHolder: '请选择日期',
                dateFormat: 'Y-m-d',
                picker: {
                    dayText: '日',
                    monthText: '月',
                    slotOrder: [
                        'year',
                        'month',
                        'day'
                    ],
                    yearFrom: 1990,
                    yearText: '年',
                    yearTo: 2010,
                    doneButton: '确定',
                    cancelButton: '取消'
                }
            }



为了适合中国人的使用,定义了picker,slotOrder 用来设置年月日的显示顺序。

由于自带的月份是英文的,需要本地化,这里提供的解决方案是直接修改源文件,在touch\src\DateExtras.js 文件

将monthNames修改为对应的月份就可以了。

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



如果想对日期组件进行定制还可以修改touch\src\picker\文件夹下的Date.js ,Picker.js,Slot.js,这样就不用每次修改比如doneButton按钮的属性了。

来张效果图

欢迎加入技术讨论群 :219805927     

转载请注明:www.wenhaozhong.com

© 著作权归作者所有

jxlgzwh
粉丝 56
博文 344
码字总数 164232
作品 1
深圳
程序员
私信 提问
Ember Handlebar 助手--Ember Intl

/** unit test for testing index view which contains the helpers: and * unit/views/index-test.js */ import Ember from 'ember';import { registerIntl } from '../../../initializers/......

孔小菜
2015/05/05
914
0
马什么梅?I什么N?浅谈 web 前端开发中的国际化

I. 国际化、本地化、全球化 很多开发者会有这样的经历,在若干年之前,一些企业、机构、学校的官方网站会要求:“翻译一下,也做个英文版的”,结果往往就是又单独维护一套英文版的页面。 而...

江米小枣tonylua
2018/10/11
0
0
日期和时间API - 读《Java 8实战》

日期与时间 LocalDate 创建一个LocalDate对象并读取其值 LocalTime 创建LocalTime并读取值 LocalDateTime 直接创建LocalDateTime对象或通过合并日期和时间的方式创建 Instant 机器的日期和时...

yysue
2018/08/14
180
0
Web 组件扩展--Time-Elements

Time-Elements 是标准 <time> 元素的 Web 组件扩展。它将时间戳格式化为本地字符串或者相关文本在用户的浏览器上自动更新。这能使服务器的缓存 HTML 片段包含日期,并且能让浏览器按照用户的...

孔小菜
2015/06/11
444
0
monkeyk7/jcalendarchooser

#jcalendarchooser Java Swing 日期,日期时间选择组件 使用要求: JDK 1.6 + 截图 JCalendarChooser JTimeChooser 说明与使用 JCalendarChooser 封装的日期选择器 使用: 1.创建JCalendarChoo...

monkeyk7
2015/01/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
42
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0
php7-internal 7 zval的操作

## 7.7 zval的操作 扩展中经常会用到各种类型的zval,PHP提供了很多宏用于不同类型zval的操作,尽管我们也可以自己操作zval,但这并不是一个好习惯,因为zval有很多其它用途的标识,如果自己...

冻结not
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部