首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

执行回发时,jQuery UI DatePicker值丢失的ASP.NET文本框

在执行回发时,如果使用了jQuery UI DatePicker插件,并且发现ASP.NET文本框中的值丢失,可能是由于回发过程中对文本框的操作导致的。

解决这个问题的方法是,在回发之前,将DatePicker的选定日期值手动保存到隐藏字段中,然后在回发后再将隐藏字段的值重新赋给文本框。

以下是一个示例代码:

代码语言:html
复制
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
<input type="hidden" id="hiddenDate" runat="server" />

<script>
    $(function () {
        // 初始化DatePicker
        $("#<%=txtDate.ClientID%>").datepicker();

        // 在选择日期时,将选定值保存到隐藏字段中
        $("#<%=txtDate.ClientID%>").on("change", function () {
            $("#hiddenDate").val($(this).val());
        });
    });

    // 在回发后,将隐藏字段的值重新赋给文本框
    function pageLoad() {
        $("#<%=txtDate.ClientID%>").val($("#hiddenDate").val());
    }
</script>

在这个示例中,我们使用了一个隐藏字段hiddenDate来保存DatePicker的选定日期值。在选择日期时,将选定值保存到隐藏字段中。在回发后,通过pageLoad函数将隐藏字段的值重新赋给文本框。

这样就可以解决回发时jQuery UI DatePicker值丢失的问题。

推荐的腾讯云相关产品:腾讯云服务器(https://cloud.tencent.com/product/cvm)和腾讯云数据库(https://cloud.tencent.com/product/cdb)。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Jquery 常见案例

UI实现日期选择器 (1)定义输入日期的文本框: (2)使用jQuery UI启动日期输入 $('#datep').datepicker(); (3)设定输入的日期的格式...这个方法将会清空所有的文本框,密码框,文本域里的值,去掉下拉列表所有被选中的项,让所有复选框和单选框里被选中的项不再选中。...如果'success' 回调函数被指定,当server端返回对表单提交的响应后,这个方法就会被执行。...数据 'json': 如果 dataType == 'json' 则server端返回的数据将会被执行,并传进'success'回调函数 'script': 如果 dataType == 'script...' 则server端返回的数据将会在上下文的环境中被执行 缺省值: null semantic 一个布尔值,用来指示表单里提交的数据的顺序是否需要严格按照语义的顺序。

6.7K10
  • 前端架构师之01_JQuery

    data表示传递的参数。 参数fn表示请求成功时,执行的回调函数。 参数type用于设置服务器返回的数据类型,如XML、JSON、HTML、TEXT等。...选项名称 说明 url 处理Ajax请求的服务器地址 data 发送Ajax请求时传递的参数,字符串类型 success Ajax请求成功时所触发的回调函数 type 发送的HTTP请求方式,如get、...() 通过序列化表单值,创建对象数组(名称和值) Ajax事件 ajaxComplete(fn) Ajax请求完成时触发的事件执行函数 Ajax事件 ajaxError(fn) Ajax请求发生错误时触发的事件执行函数...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。 特点: 拥有强大的可扩展功能,具有吸引人的漂亮页面,能够更轻松地在网页中添加专业级的UI元素。.../script> jquery-ui/jquery-ui.css"> datepicker"> <!

    6900

    ASP.NET ViewState之详解

    今天我们来了解一下在ASP.NET中ViewState的作用。 ViewState=视图状态; ViewState的通用解释就是:是 ASP.NET 页中的存储库,可以存储必须在回发过程中保留的值。...在各个回发之间保存值,而不将这些值存储在会话状态或用户配置文件中,将信息存储在视图状态中,这样在下次将该页发送到服务器时,代码便可以在页加载事件过程中访问这些信息。...所谓回发:就是由服务器控件导致的页面刷新。 ASP.NET 页框架使用视图状态在往返过程之间保存页和控件值。...每次从服务器请求页时,都会创建网页类的一个新实例。这通常意味着在每次往返过程中会丢失该页及其控件中的所有信息。...提示:文本框输入类的值都不会存放在ViewState中,

    1.5K30

    列举一下项目中使用的产品和技术

    ASP.NET MVC 3.0 微软把ASP.NET MVC,Web Pages and Web API都开源了。想定制的,或者写自己公司的内部视图引擎的都可以直接看源代码。...官网 http://docs.structuremap.net/ jQuery,jQuery UI和jQuery Tools 因为项目中大多数成员都会使用jQuery,所以前端的交互,验证,Ajax,CSS...同时在项目中需要使用的几个效果和交互可以使用jQuery UI Dilog, jQuery Tools里面的scrollable,tab等。...同时常见的功能可以封装成jQuery插件,以便后期的项目复用和维护。当然对jQuery的版本有一些限制,本次项目就有因为jQuery版本和jQuery UI版本之间的不兼容,出现了一下bug。...http://ueditor.baidu.com/website/ my97DatePicker--日历控件 这个没有接触过,用的也是jQuery Plugin里面的datatimepicker,后来jQuery

    1.1K100

    前端组件整理

    时,就不需要加浏览器的前缀了 表单类 jquery-file-upload 上传文件组件 zTree 文件树形视图控件 表单验证 jquery-validation jQuery-Validation-Engine...选取的图片都加载好后执行回调 浏览图片 fancybox 弹出查看图片,视屏等等 demo yoxview 弹出查看图片,图片尺寸缩放很自然 图片墙 wookmark UI组件类 数据可视化(图表...待办事宜日历 full calendar 支持脱放的方式来改变待办事宜的时间 时间选取组件 jQuery ui datepicker 经典,不是很好看 pickadate 轻量级,手机友好的,漂亮...jquery的动画不支持颜色值的变化。改库提供了这个支持。...dotdotdot 文字溢出时,添加在文字末尾加省略号 jQuery-menu-aim 二级菜单的切换如Amazon主页上一样迅速 AnythingZoomer 放大镜功能 美化/高亮语法代码 google-code-prettify

    12.8K40

    ASP.NET MVC 5 - 给数据模型添加校验器

    并且确保这些验证规则在用户创建或编辑电影时被执行。 拒绝重复 DRY ASP.NET MVC 的核心设计信条之一是DRY: "不要重复自己(DRY --Don’t Repeat Yourself)"。...ASP.NET MVC 的验证错误UI 重新运行应用程序,浏览 /Movies的 URL。 单击Create New链接,来添加一部新电影。在窗体中填写一些无效值,然后单击Create按钮。...请注意,表单在每一个相应的验证错误消息旁边,已经自动使用红色边框的颜色突出显示文本框指明无效数据。...这些错误是强制执行了客户端端(使用JavaScript和jQuery)和服务器端(如果用户禁用了JavaScript)。...注:jQuery的验证不与Range属性和DateTime的同时工作。

    9.1K70

    Asp.net mvc 知多少(一)

    同时也定义了对数据如何进行处理的业务规则。 View - 视图代表的是UI部分,像CSS、jquery、html等。它主要的职责是展现从controller接受到数据或模型。...Entity(实体):具有唯一标志的对象,比如用户。 Value Object(值对象):不具有唯一标志的对象,比如枚举。一个值对象也可以是一个实体视情况而定。...同时也定义了对数据如何进行处理的业务规则。 View - 视图代表的是UI部分,像CSS、jquery、html等。它主要的职责是展现从controller接受到数据或模型。...同时也定义了对数据如何进行处理的业务规则。 View - 视图代表的是UI部分,像CSS、jquery、html等。它主要的职责是展现从controller接受到数据或模型。...View Model - ViewModel 的职责是暴露方法、命令以及属性去维护View的状态,操纵Model 作为View执行的结果,以及触发View上自身的事件。

    2.3K70

    jQuery基础(五)一Ajax应用与常用插件-imooc

    url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数 例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在...可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数 例如,点击页面中的“加载”按钮,调用getJSON() 方法获取服务器中JSON格式文件中的数据,并遍历数据...为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get 例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,当请求成功时调用...cookie用户名 搜索插件——autocomplete 搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,...为调用插件方法时的配置对象 jQuery Autocomplete 使用详细说明 例如,当用户在文本框输入内容时,调用搜索插件的autocomplete()方法返回与输入内容相匹配的字符串数据,显示在文本框下

    16.6K20

    EntityFramework教程整理

    重点教程一周年版 第七回 UrlHelper ASP.NET MVC 重点教程一周年版 第六回 过滤器Filter ASP.NET MVC 重点教程一周年版 第五回 ActionResult的其它返回值...ASP.NET MVC 重点教程一周年版 第四回 向View传值 ASP.NET MVC 重点教程一周年版 第三回 Controller与View ASP.NET MVC 重点教程一周年版 第二回 UrlRouting...MVC Preview 4 中自定义Jquery的HtmlHelper扩展 Asp.net MVC Preview 4 中使用RenderComponent Asp.net Mvc Pv4中使用AjaxHelper...View传值及显示方式) Asp.net Mvc Framework 七 (Filter及其执行顺序) Asp.net Mvc Framework 八 (Helper) Asp.net Mvc Framework...中无法使用Castle的发解决方案 我的一些ASP.NET MVC的开源项目 ASP.NET MVC File Management(文件管理) CHMVCMS(内容管理系统) CHOJ#(在线编译评判

    1.1K60

    七天学会ASP.NET MVC (四)——用户授权认证问题

    小编应各位的要求,快马加鞭,马不停蹄的终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天的学习中,我们主要了学习如何在MVC中如何实现认证授权等问题,本节主要讲了验证错误时的错误值,客户端验证...如图所示,姓名仍然保留在文本框中,却未保留工资,接下来我们来讨论上述问题的解决办法。 关于实验15 是否是真的将值保留? 不是,是从post数据中重新获取的。...为什么需要在初始化请求时,在Add New 方法中传递 new CreateEmployeeViewModel()? View中,试着将Model中的数据重新显示在文本框中。...当凭证错误时,UserName 文本框的值是如何被重置的? HTML 帮助类会从Post 数据中获取相关值并重置文本框的值。这是使用HTML 帮助类的一大优势。 Authorize属性有什么用?...Asp.net MVC中提供四种过滤器来过滤请求和响应的,Authorize属性是在Authorize过滤器之后执行的,可以确保授权请求Action 方法处理。

    8.7K50

    Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges

    Wijmo 的巨大优势之一就是,它们是非常流行的jQuery UI部件。这将意味着它们的基础类库具有很多支持者。具有众多的支持者同时也意味着更多好用的工具。...第一步:选择框架 打开jsFiddle.net,在左侧的下拉列表中选择jQuery 1.7.1。稍等片刻等待关联的框架出现,之后勾选上jQuery UI 1.8.16。...第二步:添加对Wijmo的引用 紧挨着选择框架的位置时添加资源。这里我们需要添加对Wijmo的引用。...jQuery 以及 jQuery UI已经被处理过了,所以我们只需要添加主题,Wijmo样式表以及到Wijmo库的引用。所有我们需要知道的是库的URL。jsFiddle将会处理关系和类型。...让我们添加一个从65到80的锥形范围,目的是在他们接近目标时,激发工作的热情。

    1K80
    领券