jQuery datepicker altFormat 不显示

2024-01-13

我有一个 jQuery 日期选择器,它根据卖家的语言偏好进行本地化。每个日期选择器自定义都有不同的日期格式,但我希望提交表单时的输入采用特定的格式进行解析。我尝试在日期选择器上使用 altFormat 将其设置为“mm/dd/yy”,但我不希望以向用户显示的格式显示日期。有没有办法做到这一点。 IE。在创建 javascript 日期对象时,有没有办法让日期选择器使用不同的日期格式来计算相同的日期?


为什么你不想使用替代格式 http://api.jqueryui.com/datepicker/#option-altFormat with altField http://api.jqueryui.com/datepicker/#option-altField ?

在此处的一个简单示例中,您可以以所需的格式存储和访问日期mm/dd/yy同时以“他的”所需的格式向用户显示它。看我的jsfiddle http://jsfiddle.net/FVSJm/单击按钮时显示的格式会更改,但 altField 中的格式不会更改。

<input type="text" id="datepicker">
<input type="button" id="changeFormat" value="Change!">
<!-- this would be a hidden input -->
<input type="text" id="altFormat">

$(document).ready(function () {

    $('#datepicker').datepicker({
        dateFormat: "dd.mm.yy",
        altFormat: "dd/mm/yy",
        altField: '#altFormat'
    });
    $('#changeFormat').click(function () {
        //changes the dateformat the user sees
        $('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');
        console.log($('#datepicker').datepicker('option', 'altFormat'));
    });
});

((在第一个示例中不小心使用了 dd/mm/yy 而不是 mm/dd/yy))

EDIT

This 工作示例 http://jsfiddle.net/FVSJm/6/将日期存储在mm/dd/yy格式在data-altformat您可以轻松访问的属性

$('#datepicker').data('altformat'); //outputs e.g. 05/31/2013

onSelect 我通过执行以下操作将 currentDate 的值存储在属性中

onSelect: function () {
    //gets your desired format
    var altFormat = $(this).datepicker('option', 'altFormat');
    //get current date in user format
    var currentDate = $(this).datepicker('getDate');
    //format from user format to desired format
    var formatedDate = $.datepicker.formatDate(altFormat, currentDate);
    //set data-* attribute to formatedDate
    $('#datepicker').data('altformat', formatedDate);
    $('#altFormat').val(formatedDate);
}

此方法的优点是您不再需要隐藏输入。 我希望这可以帮助你。

EDIT2

只是注意到你不需要new Date() with .datepicker('getDate')

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery datepicker altFormat 不显示 的相关文章

随机推荐

  • JaxB读取类层次结构

    只是延伸使用 JaxB 解析类层次结构 https stackoverflow com questions 15676401 parsing class hierarchy using jaxb问题 想要使用 JaxB 读取以下 xml 文
  • 我需要引用命令替换吗?

    根据Google Shell 风格指南 https google github io styleguide shell xml Quoting 我应该 始终引用包含变量 命令替换 空格或 shell 元字符的字符串 除非需要小心的不带引号的
  • 是否可以让 Azure Pipeline 在提交时修改 README.md?

    我正在尝试在 Azure DevOps Repo 中自动生成和更新代码文档 我已经配置了一个管道 以便在提交到 master 分支时运行 python 脚本 该脚本从存储库中的文件中提取相关信息并创建一个 markdown 文件并将输出存储
  • 直接以 PDF 格式打印通过 JSP 动态创建的输出

    我通过 JSP 通过访问数据库动态打印报告 我正在使用Struts 框架和Java代码位于Action类中 最后通过显示输出 JSP 页面 它在屏幕上显示得很好 但在打印时却无法正常显示 我只想以 PDF 格式显示报告 而不是 JSP gt
  • 各种切入点表达式作用域意外触发多个通知调用

    背景 使用方面记录项目 例如所有标有 Log注释将信息写入日志文件 Problem 方法似乎是递归调用一级深度的 但代码没有显示任何这样的递归关系 Actual 记录结果 2018 09 25 12 17 29 155 EmailNotif
  • jquery获取光标所在元素

    我正在使用 javascript 和 jquery 为我的网站构建一个分割测试工具 现在 当光标经过预览框中的元素时 我想为每个要拆分测试的元素显示一个小悬停菜单 有可能做这样的事情吗 我尝试过这样的事情 body hover functi
  • 如何将框架添加到Swift项目中?

    我想向我的 Swift 项目添加一个库 我发现了 3 个不同的地方需要添加 我想知道执行此操作的正确方法以及每种方法的目的 常规选项卡 选择目标 gt 常规 嵌入二进制文件 链接的框架和库 构建阶段 选择目标 gt 构建阶段 嵌入框架 将二
  • 在 C 中打印声明的 char 值

    我知道字符变量的范围是从 有符号 128 到 127 和 无符号 0 到 255 char x x 128 printf d n x 但它是如何运作的呢 为什么我得到 128 for x printf是一个可变参数函数 仅提供第一个参数的精
  • 初始化 char 和 char 指针

    这些有什么区别 这个有效 char pEmpty new char pEmpty x 但是 如果我尝试这样做 char pEmpty NULL pEmpty x lt doesn t work and char pEmpty x putti
  • 在 Visual Basic 中寻找权威的 ISO 周计算器(在 Visual Studio Express 2010 中)

    我正在寻找一个明确的标准 即经过认证是正确的或经过相当彻底的测试 用于在 Visual Basic 中计算某个日期的 ISO 周 即在 Visual Studio Express 2010 Visual Basic 项目中运行 不成功 到目
  • adb shell 命令:mkdir(用于创建目录)

    我正在尝试通过 adb shell 创建目录 我必须在 etc 文件夹中创建一个目录 但没有成功 我设法弄清楚它是链接到的 system etc并尝试创建 system etc 但在这两种情况下我都得到 只读文件系统 如何使其可读可写 我尝
  • if语句与if-else语句,哪个更快?

    前几天我和一个朋友争论了这两个片段 哪个更快 为什么 value 5 if condition value 6 and if condition value 6 else value 5 What if value是一个矩阵 注 我知道va
  • 如何在 Objective C 中编写正则表达式(NSRegularExpression)?

    当我在 PHP 中测试这个正则表达式时 它可以工作 但它在 Objective C 中不起作用 www a zA Z0 9 2 63
  • gnome 终端控制键上的 emacs

    I m running emacs on a terminal mode no window system emacs nw I ve few global keys defined in emacs like C C x C C etc
  • Three.js:如何将场景的 2D 快照制作为 JPG 图像?

    我有一个如下所示的 Three js 场景 var scene new THREE Scene var camera new THREE PerspectiveCamera 75 window innerWidth window inner
  • 符号|查看 Flask 教程

    我正在为 Flask 框架编写一个教程 网址为http blog miguelgrinberg com post the flask mega tutorial part iii web forms http blog miguelgrin
  • Android 6.0 权限变更回调

    我想知道当用户在 Android 6 0 上更改应用程序设置中的权限时是否有某种方式可以收到通知 我一直在寻找这个答案 但没有运气 您知道广播接收器和某些特定意图是否可能吗 或者也许有一些黑客可以实现这一目标 根据这个答案 https st
  • 在开发、登台和生产之间同步 Drupal 站点

    通常在 Drupal 6 x 站点启动后 我会让人们开始注册并输入他们自己的内容 每当需要升级时 生产中的数据库都会复制到开发版 然后在开发版上完成开发 然后推送到登台以供客户批准 当网站最终准备上线时 出现了一个问题 生产服务器具有最新的
  • 为什么 ng-scope 添加到我的部分视图的 javascript 内联中并使警报不起作用?

    我正在使用 AngularJs 和模板系统 我想向每个模板添加特定的内联 javascript 脚本 添加与所选选项卡相关的警报框 主页 列表 设置 Html 渲染 但是添加了 ng scope 并且当您更改选项卡时没有任何警报 我在这里提
  • jQuery datepicker altFormat 不显示

    我有一个 jQuery 日期选择器 它根据卖家的语言偏好进行本地化 每个日期选择器自定义都有不同的日期格式 但我希望提交表单时的输入采用特定的格式进行解析 我尝试在日期选择器上使用 altFormat 将其设置为 mm dd yy 但我不希