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

执行回发时,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
  • 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 UIjQuery 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 知多少(一)

    同时也定义了对数据如何进行处理业务规则。 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.2K70

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

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

    16.5K20

    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 中自定义JqueryHtmlHelper扩展 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锥形范围,目的是在他们接近目标,激发工作热情。

    98980

    C#基础知识复习

     SqlTransaction:事务对象,用于执行数据库事务。 ASP.NET ASP.NET身份验证有那些?... Session缺点:默认情况下Session存储采用是“InProc”配置,即存储在IIS进程内存中,当IIS重启或发生进程回收,Session则会丢失。...ASP.NET中所有自定义用户控件都必须继承自哪一个类?页面必须继承哪一个类?  用户控件基类:System.Web.UI.UserControl。... Web 应用程序是无状态。每次从服务器请求网页,都会创建网页类一个新实例。这通常意味着在每次往返过程中将会丢失所有与该页面及其控件关联信息。... .ajax:可以使用指定方式来发送请求。.ajax方法是jquery中发送Ajax请求最底层方法,可以完全自定义发送请求相关参数。

    6.1K10

    Page.ClientScript.RegisterStartupScript() 方法「建议收藏」

    ,然后是一个为 True 布尔(以便 .NET 自动使用 标记将脚本嵌入 ASP.NET 页面中)。...} protected void ImageButton1_Click(object sender,ImageClickEventArgs e) { Label1.Text = "...就此列举一例,以下是在页面加载到浏览器,将焦点置于该页面上一个文本框方法 – 使用利用了 RegisterStartupScript 方法 Visual Basic: Page.ClientScript.RegisterStartupScript...,就已生成了页面上文本框, 并已将其放到了页面中,因此,此方法运行正常。...执行 JavaScript 出错 出错原因在于,浏览器将先遇到 JavaScript,而后文本框才会出现在页面中。 因此,JavaScript 将无法找到 TextBox1。

    2K20
    领券