使用客户端脚本全球化日期.docx
《使用客户端脚本全球化日期.docx》由会员分享，可在线阅读，更多相关《使用客户端脚本全球化日期.docx（12页珍藏版）》请在冰豆网上搜索。
使用客户端脚本全球化日期
在本演练中，您将使用ECMAScript（JavaScript）以全球化格式显示日、月和其他与日期相关的值。
ASP.NET中的AJAX功能基于ScriptManager 控件中的设置提供客户端全球化支持。
将这些全球化设置应用于Web应用程序后，可以使用客户端脚本基于区域性值设置JavaScript Date 或 Number 对象的格式。
此操作不需要回发到服务器。
客户端脚本使用的区域性值基于由用户的浏览器设置提供的默认区域性设置。
或者，还可以通过在应用程序中使用服务器设置或服务器代码，将其设置为特定的区域性值。
区域性值提供有关特定区域性（区域设置）的信息。
区域性值由两个表示语言的字母和两个表示国家或地区的字母组合而成。
示例包括es-MX（西班牙语/墨西哥）、es-CO（西班牙语/哥伦比亚）和fr-CA（法语/加拿大）。
ASP.NETAJAX Date 扩展通过提供 localeFormat 方法，向JavaScript Date 对象添加新功能。
使用此方法可以基于浏览器的语言设置、服务器设置或服务器代码设置 Date 对象的格式。
这些设置会影响服务器的区域性值，服务器然后对此区域性值进行解释，以生成一个客户端对象，并由 Sys.CultureInfo.CurrentCulture 属性公开该对象。
此对象用于设置日期格式。
有关区域性和区域设置的更多信息，请参见 ASP.NET全球化和本地化 和 CultureInfo 类概述。
系统必备
若要在您自己的开发环境中实现这些过程，您需要：
∙VisualStudio或VisualWebDeveloper2010学习版。
∙一个支持AJAX的ASP.NET网站。
基于浏览器设置全球化日期
首先，您将使用浏览器中的语言首选项设置来指定如何设置日期格式。
基于浏览器语言首选项全球化日期
1.关闭任何打开的MicrosoftInternetExplorer或默认浏览器的实例，以便所有新实例将使用新的区域设置。
2.打开InternetExplorer的一个新实例。
3.在“工具”菜单上，依次单击“Internet选项”、“常规”选项卡和“语言”。
4.将语言首选项设置为 es-MX（西班牙语/墨西哥）并从列表中移除任何其他区域设置。
注意
如果您使用不同的浏览器，请在该浏览器中进行等效的语言设置。
5.关闭浏览器。
6.在VisualStudio中，创建或打开支持AJAX的ASP.NET网页，然后切换到“设计”视图。
7.选择 ScriptManager 控件并将其 EnableScriptGlobalization 属性设置为 true。
注意
如果页上不包含 ScriptManager 控件，请从“工具箱”的“AJAXExtensions”选项卡中添加一个。
8.在“工具箱”的“AJAXExtensions”选项卡中，双击 UpdatePanel 控件以将更新面板添加到页上。
9.将 UpdatePanel 控件的 ChildrenAsTriggers 属性设置为 false。
10.将 UpdatePanel 控件的 UpdateMode 属性设置为 Conditional。
11.在 UpdatePanel 控件内单击，然后从“工具箱”中的“标准”选项卡中，将 Button 控件和 Label 控件添加到 UpdatePanel 控件中。
注意
确保将 Label 和 Button 控件添加到 UpdatePanel 控件内。
12.确保将按钮的 ID 属性设置为 Button1，并将其 Text 属性设置为“显示日期”。
13.确保将标签的 ID 属性设置为 Label1。
14.切换到“源”视图。
15.在页的底部创建一个 script 元素，并在其中添加下面的客户端脚本：
C#
VB
Sys.UI.DomEvent.addHandler（$get（"Button1"）,"click",formatDate）;
functionformatDate（）{
vard=newDate（）;
try{
$get（'Label1'）.innerHTML=d.localeFormat（"dddd,ddMMMMyyyyHH:
mm:
ss"）;
}
catch（e）{
alert（"Error:
"+e.message）;
}
}
此代码将一个 click 处理程序添到名为 Button1 的按钮中。
此代码调用 formatDate 函数以创建一个新的 Date 对象，并在名为Label1 的元素中显示格式化的日期。
使用 localeFormat 函数设置日期的格式，该函数是 Date 对象的MicrosoftAJAXLibrary扩展的一部分。
16.在网站的Web.config文件的 system.web 节中包含下列 globalization 元素：
17.
“auto”设置指定使用浏览器请求中的 ACCEPT-LANGUAGE 标头（它提供用户的语言首选项列表）设置区域性值。
18.保存更改，然后在您已更改语言设置的浏览器中运行网页。
19.单击“显示日期”按钮以查看基于浏览器语言设置的全球化日期值。
下面的示例演示一个包含客户端脚本的完整ASP.NET网页，此脚本基于浏览器的语言首选项全球化日期。
C#
VB
<%@PageLanguage="C#"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http:
//www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
//www.w3.org/1999/xhtml">
GlobalizationExample
ScriptManagerID="ScriptManager1"runat="server"EnableScriptGlobalization="true"/>
UpdatePanelID="UpdatePanel1"runat="server"ChildrenAsTriggers="False"
UpdateMode="Conditional">
PanelID="Panel1"runat="server"GroupingText="UpdatePanel">
ButtonID="Button1"runat="server"Text="DisplayDate"/>
LabelID="Label1"runat="server">
Label>
Panel>
UpdatePanel>