问题标签 [kendo-datepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
75615 浏览

javascript - 将今天日期设置为剑道日期选择器

我想在清除按钮单击时将今天的日期设置为 Kendo DatePicker。我尝试关注但它不起作用。

上面的代码没有给出任何错误,也没有设置今天的日期。它清除 kendo DatePicker 的文本框值。注意:Kendo DatePicker 格式为 MM/dd/yyyy。

0 投票
1 回答
2412 浏览

angularjs - Kendo AngularJS DatePicker 自定义验证

如何让自定义验证适用于Kendo Angular指令DatePicker?我想实现以下示例,但使用Angular指令版本DatePicker

页面上有多个日期字段时的 KendoUI DatePicker 验证

任何帮助,将不胜感激。

0 投票
1 回答
1230 浏览

jquery - 剑道日期选择器的 Tab 键在 Firefox 中不起作用

我有一个剑道日期选择器,如下所示

在此处输入图像描述

当用鼠标单击任何一个日期选择器文本时,它会将值悬停在黄色,如下所示。现在,如果我们单击“Tab”按钮,指针会毫无问题地移至下一个字段。

在此处输入图像描述

现在,用鼠标双击上面的剑道日期选择器文本,光标开始闪烁而不是悬停值,如下所示。现在,如果我们单击“Tab”按钮,光标不会移动到下一个字段,并且当我单击“Tab”时它会更改日期的值。这种奇怪的行为只发生在 Firefox 和所有其他运行良好的浏览器中,没有任何问题。

在此处输入图像描述

搜索了很多,仍在寻找解决方案。请帮我解决这个问题。

0 投票
2 回答
3371 浏览

kendo-ui - Kendo Datetimepicker 如何防止更改事件?

我正在使用剑道日期时间选择器。当用户打开日历并选择我需要检查其他日期的任何日期时,即如果日期错误则需要运行验证,然后防止新日期填充日期选择器并保留旧值,否则允许日期选择器更改值. 我尝试使用 event.preventDeafult ,但不幸的是它不起作用..

有没有办法实现这个?

这是小提琴在此处输入链接描述

任何帮助表示赞赏。

示例小提琴在这里

0 投票
2 回答
5174 浏览

javascript - Kendo Grid - 解析和格式化日期

我从 SQL 中得到一个日期(如下所示的值参数),如下所示:“2014-08-22T07:45:13.12Z”。我想对其进行格式化,以便在网格中看到:“08/22/2014”。我已经在数据源的架构中尝试过这个:

但在 parseDate 上获得 dt 的空值。我究竟做错了什么?

0 投票
1 回答
1013 浏览

kendo-ui - 如何在没有设置值的情况下将剑道日期选择器(弹出日期视图)设置为特定年份(1435)(希望值为空)

我用两个 kendo datepicker 制作自定义 mvc 控件,以在部分视图中显示(gregi 和 hijri)日期,如果我更改任何一个的日期,它会将另一个更改为等效日期

导致剑道限制来处理回历日历我进行了一些修改以显示正确的日期我使用文化并将最大日期设置为回历至 29/12/1600

如果我将值(DateTime.Now)设置为回历日历,一切都很好

但我希望它显示空值和用户选择值但如果我删除值并且当用户打开日历时年份显示为 1600 我想显示 1435 并保持值空值

她是我的密码

谢谢

0 投票
1 回答
1512 浏览

kendo-ui - 是否可以在剑道网格中设置剑道日期选择器的下拉日历相对于文本框的对齐方式

当数据类型为 Date 时,kendo 网格使用带有下拉日历的 kendo datepicker 列。

日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有空间,则将其移至左侧,但还不够。当网格中最右边的列是日期并且网格占据屏幕上可用宽度的 100% 时,就会出现问题:下拉日历中的星期六列被“截断”。见附图。

是否可以告诉日历下拉列表(对于特定列)使其与文本输入的边缘对齐?

在此处输入图像描述

0 投票
0 回答
2354 浏览

kendo-ui - KendoUI DatePicker 设置值文化 dd/MM/yyyy 仅适用于 es-AR 而不是 es-CL

我有一个问题,失去了 3 天......我在剑道 UI 中使用全球化。

  • 我已经阅读了几次http://docs.telerik.com/kendo-ui/aspnet-mvc/globalization并在我的网络项目中申请。

  • 我使用ASP.NET MVC框架 4。视觉工作室2010剑道 UI 2014.2.1008

  • 我的国家是智利。我应该将 es-CL 用于文化,将 es-ES 用于 UICulture(用于可分页、可过滤等的西班牙语消息)。

  • 我需要我的整个应用程序作为 dd/MM/yyyy 独立于客户端 PC Windows 文化设置。

  • 我将 kendo.culture.es-CL.min.js 设置为 kendo.culture.es-AR.min.js 的副本,这是一个复制和粘贴,这是我唯一能想到的 :(

  • 我在标题中有一个带有文化和其他负载的部分视图,它首先加载其他视图:

@{

  • 我有一个控制器 HomeController 一个测试操作:

    /li>
  • 然后,我有一个视图“测试”(加载前一个视图后),我设置了我的 DatePicker:

    @{ var fechaTermino = (DateTime)ViewBag.FechaTermino; }

    ...

    @(Html.Kendo().DatePicker() .Name("mdpTermino")
    .Value(fechaTermino)
    )

  • 我将 web.config 中的文化设置为 es-CL 并且不起作用!(见图,出现 dd-MM-yyyy)

    <全球化uiCulture="es-ES"culture="es-CL" />

  • 我将文化更改为 es-AR 及其作品!(出现 dd/MM/yyyy)为什么?我的解决方案中的 Kendo 文件夹中有两个 js 文件。

    <全球化uiCulture="es-ES"culture="es-AR" />

  • 我尝试在每个 DatePiker 中放置格式,在此示例中如何使用 HTML 5 /JS(我使用 MVC 模式):

http://dojo.telerik.com/UqON

这是非常缓慢的,我不喜欢每次都改变 20 个 DatePiker,我把我的 DatePiker 放进去:

并且不要使用 es-CL。它继续显示 dd-MM-yyyy,忽略格式!!

为什么只有 es-AR 有效,而 es-CL 无效? 错误在设置 es-CL 文化 KendoUI 中,仅适用于 dd/MM/yyyy 的 es-AR

0 投票
2 回答
9879 浏览

css - Kendo Datepicker:更改其大小或内部字体

我有一个剑道日期选择器,我在剑道窗口中显示它,它显示如下:

图片

Datepicker 有点臃肿,字体和大小都比平常大。在 Kendo 窗口之外,日期选择器显示正常。现在,我想知道是否可以调整日期选择器或其中的字体,假设缩小字体也会缩小日期选择器。

我尝试将其添加到 CSS 中:

结果很奇怪:

图2

它仅部分起作用,因为仅减少了月份名称,数字仍然很大...

主要问题是,当打开日期选择器时,它会溢出剑道窗口尺寸之外:我正在寻找一种解决方案,可以让我缩小日期选择器的大小以使其适合。

编辑

我试图添加k-calendar类:

但结果是这样的:

图3

您可以在上图中看到输入和月份名称的大小确实减小了,但日历本身却一直臃肿。

编辑 2

我了解到,如果将窗口定义为 iFrame,则内部结果可能会有所不同,因为 iFrame 作为常规网页,需要 DOCTYPE 以及 html、head 和 body 标签。我将此添加到插入到窗口中的局部视图中,结果是:

图4

因此,日历不再臃肿,但仍会溢出窗口的高度,导致出现滚动条。要访问日历的下部,我必须使用滚动。如前所述,我希望日历溢出窗口外,如 OnaBai 的回答所示,而不创建任何滚动条。

另外,我在文档中发现

Refreshes the content of a Window from a remote URL or the initially defined content template. Note that passing data and non-GET requests cannot be sent to an iframe, as they require a form with a target attribute.

我不确定如何解释第二句话,但它可能有助于处理这个问题。

0 投票
1 回答
3056 浏览

jquery - Kendo datepicker(monthpicker) 禁用特定月份

这就是我所做的。我想禁用特定月份之后的所有月份。
例如:我想禁用 2014 年 10 月之后的所有月份。请注意,剑道日期选择器是用start: "year""定义的。