当前位置: 首页 > 知识库问答 >
问题:

Yii2 kartik\daterange\daterange选择器未在焦点上工作

葛雨华
2023-03-14

我正在使用kartik\daterange\DateRangePicker

 echo '<div class="input-group drp-container period_time_line">';
                                            echo DateRangePicker::widget([
                                                'name' => 'BriefRequirements[requirement_value][]',
                                                'id' => 'period_txt',
                                                'useWithAddon' => true,
                                                'convertFormat' => true,
                                                'startAttribute' => 'from_date',
                                                'endAttribute' => 'to_date',
                                                'pluginOptions' => [
                                                    'locale' => ['format' => 'Y-m-d'],
                                                ],
                                            ]);
                                            echo '</div>';

它工作正常,但只在单击文本框时工作,而在onfocus中不工作。例如,如果我按键盘上的tab键选择该字段,则该字段不起作用

共有1个答案

单耘豪
2023-03-14

您可以在字段聚焦时捕捉事件并模拟单击(jQuery)。

$( "#your-date-range-picker" ).focusin(function() {
    $(this).trigger();
});

并且必须正确配置id:

'options' => [
    'id' => 'period_txt'
]
 类似资料:
  • 问题内容: 我有文字输入。当输入获得焦点时,我想选择输入内的文本。 使用jQuery,我可以这样: 我四处搜寻以尝试找到Angular方式,但是我发现的大多数示例都在处理一个指令,该指令正在监视模式属性的更改。我假设我需要一个指令来监视接收焦点的输入。我该怎么办? 问题答案: 在Angular中执行此操作的方法是创建一个自定义指令,该指令会为您自动选择。 应用如下指令: Update1 :删除了j

  • 在 Photoshop 中您可以轻松地选择位于焦点中的图像区域/像素。 执行以下操作: 在 Photoshop 中打开图像后,选取“选择”>“焦点区域”。在“焦点区域”对话框中,您可以更改默认选区。 调整“焦点对准范围”参数以扩大或缩小选区。如果将滑块移动到 0,则会选择整个图像。但是,如果将滑块移动到最右侧,则只选择图像中位于最清晰焦点内的部分。操作演示:使用默认选项选择焦点区域 使用画笔控制在

  • 我想得到一个文本字段,每当我点击/点击/聚焦该字段时,它可以选择该字段中当前的全部文本。我自己也在其他React应用程序中使用了一个执行,但这种方法似乎不适用于材质UI。使用Material UI TextFields,我可以看到所选内容简短地覆盖了全文,然后返回到文本末尾闪烁的光标。 你知道怎么做吗?

  • 我们有一个带有下拉列表和Telerik Kendo UI控件的表单(以及Telerik网格)。 当用户从下拉列表中进行选择时,将向MVC控制器动作发出一个ajax调用,该动作将发回更多数据,这些数据将部分填写表单。其中一个字段用Kendo UI NumericTextBox表示。 要求是在数据返回时在此NumericTextbox上设置输入焦点。 然而,这似乎在我尝试的任何场景中都不起作用。 下面

  • 我尝试在我的项目中使用伪类。我想改变我点击它的元素的颜色。现在,当我点击我的元素时,只在它处于活动状态的地方改变颜色,鼠标上移后,它就会返回到原来的颜色。第二次点击后,我想让它回到原来的颜色。我用的是铬。 此处演示 null null

  • 是否可以将焦点从更改为? 我尝试了以下方法: 但它不起作用。按Tab键或Enter键时,光标消失。