- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我目前正在使用 Laravel 框架,并且我正在开发一个网页,该网页将允许用户输入开始和结束日期以便搜索任务列表(通过该过滤器)。到目前为止,用户可以从下拉列表中决定日期是在从 html5 日历(输入类型 = 日期)中选择的特定日期之前、开启还是之后。我现在要做的是为他们添加一个附加选项,以选择两个日期之间的开始日期/结束日期。因此,我最好希望他们选择“介于两者之间”选项,该选项应在选择时触发一个日历(实际上是两个日历),允许他们选择这两个日期并允许我存储这两个值。
我是 Javascript/HTML 的新手,所以非常感谢任何帮助!
这是我目前在我的 HTML 文件中的内容:
<h6 style="float:left">Filter By Date:</h6>
<div style="float:left;clear:left;">
<label for="start">Start Date </label>
<select name="start_op" v-model="filter.start_option" @change="getVueTasks(pagination.current_page)"> <!--As soon as they select a department, call getVueTasks to filter what tasks are displayed-->
<option value="lt">Is Before</option>
<option value="eq" selected>Is On</option>
<option value="gt">Is After</option>
<option value="bt">Is Between</option>
</select>
<br/>
<input type="date" id="start" v-model="filter.start" @change="getVueTasks(pagination.current_page)">
</div>
<div style="float:left">
<label for="end">End Date </label>
<select name="end_op" v-model="filter.end_option" @change="getVueTasks(pagination.current_page)"> <!--As soon as they select a department, call getVueTasks to filter what tasks are displayed-->
<option value="lt">Is Before</option>
<option value="eq" selected>Is On</option>
<option value="gt">Is After</option>
<option value="bt">Is Between</option>
</select>
<br/>
<input type="date" id="end" v-model="filter.end" @change="getVueTasks(pagination.current_page)">
</div>
注意:我有一个单独的 vue/js 文件,主要处理后端内容。
最佳答案
你可以这样做 -
<select name="start_op" id="start_op">
<option value="lt">Is Before</option>
<option value="eq" selected>Is On</option>
<option value="gt">Is After</option>
<option value="bt">Is Between</option>
</select>
<br/>
<input type="date" id="start">
在 jquery 中 -
$(function() {
$("#start_op").on("change",function() {
var st_date= this.value;
if (st_date=="") return; // please select - possibly you want something else here
$('#start').click();
});
});
希望对您有所帮助。
关于javascript - 弹出onselect事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44570494/
在我的DLL中,我已使用System.ObsoleteAttribute将虚拟方法标记为已过时,但这不会产生我所期望的警告。 DLL源(Baz): [Obsolete("This method has
当我输入 DPRtelephonenumber 时,我想在 DPRcallerhometelephonenumber 中重复它。 只要我在打字,这个脚本就可以工作。但是,如果 提供了一个以前使用过的值
这个问题已经有答案了: jQuery - how to alter Datepicker settings after it has been initialized (3 个回答) 已关闭 6 年前
我的日期选择器出现问题。我需要自定义这个日期选择器,但是当我尝试自定义它们时它不起作用。示例: 我有这个 html 代码: 在 javascript 上我尝试这样做: $('
我在 React 类中有工作代码 但是当我更改为 React.Component 时,整个 UI 都崩溃了。 调试了代码,我认为问题出在这个 onSelect 函数上。 因为如果我给控制台语句它不会打
这是我正在尝试的代码 - DIVS- ... ... ... ... 现在我有一个下拉菜单,我从中获取值 16,17, 18,19 在这个下拉菜单中,我调用了 onchange 方法作为 我的 Ja
我有一个日期选择器,但 onClose 和 onSelect 不会触发。代码位于 document.ready 中,因此我知道它已初始化。 $('#DateRangeTo').datepicker({
我试图在 jquery datePicker 对象上处理相同的 onSelect 事件两次。据我了解,该事件可以多次处理,但是当我尝试这样做时,只有一个事件处理程序被触发。它似乎解雇了第二个处理程序,
我无法在 jQuery datepicker 上使用 onSelect。 这是我的代码: $(function() { $('.date-pick').datePicker( {
我一直在尝试获取在 jsTree 中选择的节点的文本。我能够填充树并触发 onSelect 事件,但我无法找出单击了哪个节点。我在网上看到过使用 data.rslt.obj.attr("data")
查看最后的编辑 我刚刚开始使用CodeMirror对于一个项目,我面临着一个我根本不理解的问题。 问题在于处理 CodeMirror 的事件,特别是在 "select" 事件上,因为我正在处理 "ch
当选择日期时,我必须调用 JavaScript 函数,JavaScript 如下, $(document).ready(function(){ var date_input=$('input[
假设我想在用户突出显示包含该范围的一些文本时隐藏该范围,以便将该文本复制到剪贴板上。 例如: The dragon a large, mythical beast belched fire at St
我正在使用定义如下的文本区域: 我试图检测用户何时选择某些文本以及 onselect似乎很适合这个。它在 w3schools 示例上完美运行,我让它工作为: 但是当我将其更改为我自己的函数时,什么
我试图从 AJAX 捕获另一个值,但它给了我一个错误 Uncaught TypeError: e.replace is not a function。 这是我的代码。 source: fun
我使用的是ngx-chips,但无法实现OnSelected函数。 在我的 app.component.html 中我有这个: 在我的 app.component.
我有一个 标签,我希望它在选择一个选项时更改隐藏输入的值。我的想法是使用这个: Option 1 is selected... 然后是这个 function stuff() { document.g
我正在使用 pixabay 自动完成 ( https://goodies.pixabay.com/jquery/auto-complete/demo.html ) 经过一些测试,我设法将纯文本结果列表
如果单击第 1 天或第 3 天,我想在输入字段中打印“18:00-19:00”,否则为“11:00-12.00”,即第 6 天。 除 onselect 函数外,以下所有代码都按预期工作。 jQuery
我有 2 个微调器元素,我想在用户更改任何微调器的选择时仅启动一个异步任务。 问题是,当我在我的设备上启动 Activity 时,两个异步任务都会立即启动,即使用户没有选择任何东西。 我尝试过的:
我是一名优秀的程序员,十分优秀!