`
decentway
  • 浏览: 160273 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论
阅读更多



 DataType工具为数据,日期,以及XML文档,提供方便的格式转换和字符串格式化方法。

注意:我们不赞成config.locale,config.dataformat,以及DataType.Data.Locale。这些属性将在3.4.0版本中被移除。

使用DataType工具

日期

格式化日期

DataType.Data.format()将使用使用格式化的字符串作为输出。一些格式可以本地化的,所以,应该指定YUI实例的lang属性。

YUI({lang:"zh-CN"}).use("datatype-date", function(Y) {
    // 显示格式化的当前时间和日期。
  //%x %X的意思分别是现实日期和时间。更多格式化选项见下面。 
    alert(Y.DataType.Date.format(new Date(), {format:"%x %X"}));
});

 浏览器中显示结果为:

这个模块支持许多内嵌语言。

a:一个从周日到周六的简短周次名

A:一个从周日到周六的全周次名

b:一月到十二月的简称

B:一月到十二月的全程

c:日期和时间的呈现形式

p:AM和PM

P:同p,但是是小写

x:日期(没有时间)

X:时间(没有日期)

YUI().use("intl", "datatype-date-format", function(Y) {
    // provide data for Punjabi in India印第安啥地方?
    Y.Intl.add("datatype-date-format", "pa-IN", {
        "a":["ਐਤ.","ਸੋਮ.","ਮੰਗਲ.","ਬੁਧ.","ਵੀਰ.","ਸ਼ੁਕਰ.","ਸ਼ਨੀ."],
        "A":["ਐਤਵਾਰ","ਸੋਮਵਾਰ","ਮੰਗਲਵਾਰ","ਬੁਧਵਾਰ","ਵੀਰਵਾਰ","ਸ਼ੁੱਕਰਵਾਰ","ਸ਼ਨੀਚਰਵਾਰ"],
        "b":["ਜਨਵਰੀ","ਫ਼ਰਵਰੀ","ਮਾਰਚ","ਅਪ੍ਰੈਲ","ਮਈ","ਜੂਨ","ਜੁਲਾਈ","ਅਗਸਤ","ਸਤੰਬਰ","ਅਕਤੂਬਰ","ਨਵੰਬਰ","ਦਸੰਬਰ"],
        "B":["ਜਨਵਰੀ","ਫ਼ਰਵਰੀ","ਮਾਰਚ","ਅਪ੍ਰੈਲ","ਮਈ","ਜੂਨ","ਜੁਲਾਈ","ਅਗਸਤ","ਸਤੰਬਰ","ਅਕਤੂਬਰ","ਨਵੰਬਰ","ਦਸੰਬਰ"],
        "c":"%a, %Y %b %d %l:%M:%S %p %Z",
        "p":["ਸਵੇਰੇ","ਸ਼ਾਮ"],
        "P":["ਸਵੇਰੇ","ਸ਼ਾਮ"],
        "x":"%d/%m/%Y",
        "X":"%l:%M:%S %p"
    });
    // switch to Punjabi
    Y.Intl.setLang("datatype-date-format", "pa-IN");
    // now dates are formatted in Punjabi
    alert(Y.DataType.Date.format(new Date(), {format:"%A %x %X"}));
});


因为编码不对头,所以显示乱码,但从图中可以看出,日期和时间都是按照%x %X格式化的。
  

至于intl这个模块:就是internationalization工具,支持管理本地资源,例如字符串和格式的结构。下一节讲。

 

解析日期

var date1 = Y.DataType.Date.parse("December 17, 1995 03:24:00");
//读出日期,看到底是什么样子,下同。
alert(date1);
var date2 = Y.DataType.Date.parse(1995,11,17);
var date3 = Y.DataType.Date.parse(1995,11,17,3,24,0);
var date4 = Y.DataType.Date.parse(948548583);

 

 这个比较简单。如果给出的数据无效,则返回null

数字

格式化数字

alert(Y.DataType.Number.format(123123123.176,{
    prefix: "€",//前缀
    thousandsSeparator: ".",//千位分隔符
    decimalSeparator: ",",//小数点分隔符
    decimalPlaces: 2,//小数位数
    suffix: " (EUR)"//后缀
}));

 

 

解析数字

字符串值可以被转换成数字对象,用DataType.Number.parse().

var number = Y.DataType.Number.parse("123123");

 

 

XML

格式化xml

DataType.XML.format()能够借搜一个XML文档并返回字符串,不同浏览器返回值可能有轻微差别。

var myString = Y.DataType.XML.format(myXMLDocument);

解析xml

DataType.XML.parse接受一个字符串形式的XML,返回一个XML文档对象。

var myXMLDocument = Y.DataType.XML.parse("<myroot><item type='foo'><name>Abc</name><rank>1</rank></item><item type='bar'><name>Def</name><rank>2</rank></item><item type='bat'><name>Ghhi</name><rank>3</rank></item></myroot>");

 

Y.Parsers快捷方式

待补充。。。。

 

  • 大小: 9.1 KB
  • 大小: 14.6 KB
  • 大小: 17 KB
  • 大小: 12.5 KB
  • 大小: 15 KB
分享到:
评论

相关推荐

    JavaScript YUI 2.8: DataTable jquery form 异步请求显示数据分页

    dataType: "json", success: function(response) { // response 包含服务器返回的数据,如分页信息和新数据 var parsedData = JSON.parse(response.data); myDataTable.setDataSource(parsedData.records); ...

    layui将table转化表单显示的方法(即table.render转为表单展示)

    现有一个 table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.... dataType:'json', type:'post', url:url, data:{'Id': $data.Id}, success:function (data) {

    Ajax_JQuery笔记.rar

    2. **Ajax设置**:可以通过$.ajaxSetup()设置全局Ajax选项,如timeout(超时时间)、dataType(预期数据类型)等。 3. **局部Ajax设置**:在特定的$.ajax()、$.get()等函数调用中,可以设置局部的Ajax选项,覆盖全局...

    开发项目一般调用的js框架

    dataType: "json", success: function(data) { // 处理返回的数据 } }); ``` 除了$.ajax(),jQuery还提供了如$.get()、$.post()等简化的Ajax方法。 接下来是"validateTrim",这可能是指一个特定的验证库或函数...

    Jquery1.3 完整包

    2. **$.ajax()** 更新:在Ajax功能上,jQuery 1.3引入了更多的选项,如`cache`、`global`、`dataType`等,使开发者能更精确地控制Ajax请求。 3. **事件处理**:jQuery 1.3改进了事件处理机制,引入了`live()`函数,...

    layui实现checkbox的目录树tree的例子

    废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下 layui.use([ 'tree' ], function() { $ = layui.jquery; form = layui.form;...dataType : json, data :{ roleId:roleId, id:null, t:Math.random()

    Jquery1.2.6源码分析教程

    在这个教程中,我们将探讨 jQuery 的核心机制,以及它为何能与其他 JavaScript 库如 Prototype、YUI 和 Mootools 相比,在性能上表现出色。 **一、jQuery 的核心概念** 1. **选择器引擎(Sizzle)**:jQuery 的...

    layui在form表单页面通过Validform加入简单验证的方法

    input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input"&gt; datatype="e"验证邮箱 ignore="ignore"忽略,如果填写就验证没有填入邮箱就...

    easyui导出excel无法弹出下载框的快速解决方法

    dataType: 'json', success: function (jsonstr) { //top.art.dialog.tips('导出成功!'); } }); 没办法弹出下载框。 直接浏览器地址栏输入相关页面地址并打开可以弹出下载框下载,考虑可能是iframe的缘故。 ...

    layui清空,重置表单数据的实例

    3. 在请求成功或失败后,调用`form.reset()`清空表单字段。 4. 调用`layui.form.render()`更新表单视图,确保与实际状态同步。 这个过程不仅适用于商品发布,也可以应用到任何需要处理表单数据并重置表单的场景。在...

    layui异步加载table表中某一列数据的例子

    dataType: "json", async: false, success: function (res) { slotGroup = res.data; console.log(slotGroup); } }); ``` 接下来,我们使用 `table.render` 渲染表格。在 `cols` 定义中,有一个字段 `remark`...

    判断请求头中是否含有某属性来判断是否是ajax请求

    大多数库如jQuery或YUI在发送Ajax请求时,都会自动添加这个头,用来标识请求是通过Ajax发起的。 5. `xmlhttp.send();`:发送请求。 6. `onreadystatechange` 事件处理器:当请求状态改变时触发,主要用于处理响应...

Global site tag (gtag.js) - Google Analytics