我无法onSelect开发我的jQuery datepicker.
继承我的代码:
<script type="text/javascript">
$(function() {
$('.date-pick').datePicker( {
onSelect: function(date) {
alert(date)
},
selectWeek: true,
inline: true,
startDate: '01/01/2000',
firstDay: 1,
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
这就像它没有注册onSelect功能.我究竟做错了什么?
按照jquery站点上的基本onSelect规范,我尝试了以下代码:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker();
$('#datepicker').datepicker({
onSelect: function(dateText, inst) { alert("Working"); }
});
});
</script>
</head>
<body style="font-size:62.5%;">
<div type="text" id="datepicker"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
而且无法让它发挥作用!最初试图让一个更复杂的东西工作,但onSelect只是没有工作,所以我回到基础,仍然不工作,任何人都知道我做错了什么?
我试图在jquery datePicker对象上处理相同的onSelect事件两次.据我所知,事件可以多次处理,但是当我尝试这个时,只有一个事件处理程序被触发.它似乎解雇了第二个处理程序,但不是第一个处理程序.如何在不覆盖第一个事件的情况下两次处理相同的onSelect事件?这是问题代码段.
$(document).ready(function(){
$('.test').datepicker();
...
$('.test').datepicker('option', 'onSelect', function(dateText, inst) { alert('one'); });
}
...
$(document).ready(function(){
$('.test').datepicker('option', 'onSelect', function(dateText, inst) { alert('two'); });
}
Run Code Online (Sandbox Code Playgroud) 请有人帮帮我..我有一个js功能
function updateAb(param){ some manipulation }
Run Code Online (Sandbox Code Playgroud)
我正在调用一个datepicker jquery onselect事件,如..
$( ".datepicker").datepicker({onSelect: function(dateText, inst) { ... }});
Run Code Online (Sandbox Code Playgroud)
我想在select中调用js函数,该怎么做?我的目标是从datepicker中获取date的选择值,并在输入字段中设置属性值.谁能帮我???
自从我的Datepicker添加OnSelect后,TextChanged事件不再为此控件触发.我的代码如下:
$(function() {
$("#<%=txtStartDate.ClientID %>").datepicker({
minDate: 0,
dateFormat: 'dd-M-yy',
onSelect: function(dateText, inst) {
var theDate = new Date(Date.parse($(this).datepicker('getDate')));
$("#<%=txtEndDate.ClientID %>").datepicker('option', 'minDate', theDate);
}
});
$("#<%=txtEndDate.ClientID %>").datepicker({
dateFormat: 'dd-M-yy'
});
});
<%-- etc ---- %>
<asp:TextBox ID="txtStartDate" runat="server" AutoPostBack="true" OnTextChanged="txtStartDate_TextChanged"></asp:TextBox>
Run Code Online (Sandbox Code Playgroud)
我的另一个datepicker(txtEndDate)TextChanged事件确实触发,因此只能将其放到为txtStartDate控件定义的OnSelect上.
非常感谢任何帮助.干杯!
我正在努力阻止jquery datepicker.onSelect事件中的本机点击
以下示例无效,单击仍然被触发:
onSelect: function(dateText, inst) {
if (myCondition) {
return false;
}}
Run Code Online (Sandbox Code Playgroud)
如果事件对象可用,另一个技巧是调用onSelect中的event.preventDefault /.
任何已知的方案?
我有一个问题如何调用onchanges敲js到我的选择选项,我已经有一个函数和HTML,但当我选择选择选项,没有任何变化
<select data-bind="event:{change:setSelectedStation() },
options: seedData,
optionsText: 'text',
optionsValue: 'value'">
</select>
Run Code Online (Sandbox Code Playgroud)
这是我的功能
setSelectedStation: function(element, KioskId){
this.getPopUp().closeModal();
$('.selected-station').html(element);
$('[name="popstation_detail"]').val(element);
$('[name="popstation_address"]').val(KioskId);
$('[name="popstation_text"]').val(element);
// console.log($('[name="popstation_text"]').val());
this.isSelectedStationVisible(true);
},
Run Code Online (Sandbox Code Playgroud) 我有一个带有类的输入[date_caisse]:datepicker-inline和id:[date_caisse]
我在我的所有网页上初始化了此功能:
function InitEvents () {
$('.datepicker-inline').datepicker({
showButtonPanel: true, /*added by oussama*/
changeMonth: true, /*added by oussama*/
changeYear: true, /*added by oussama*/
firstDay: 1,
dateFormat: 'yy-mm-dd',/*'dd/mm/yy'*/
onSelect: function (dateText, inst) {
//alert('select!');
id = $(this).attr('id');
parts = id.split('-');
id2 = parts[parts.length -1];
$('#datepicker-target-id-' + id2).val(dateText);
}
});
Run Code Online (Sandbox Code Playgroud)
}
我想仅在当前页面上应用onSelect,所以这就是我所做的:
$('#date_caisse').datepicker({
onSelect: function (dateText, inst) {
alert('select!');
}
});
Run Code Online (Sandbox Code Playgroud)
当我发出 警报('选择!'); 在主js文件(在所有页面中调用)它工作!但是当我尝试通过当前文件触发操作时它不会.
也许,onSelect不应该被调用两次.
那么,有人可以帮我吗?
谢谢,祝你有个美好的一天!
我有一个组件,p-Calendar.
我找到了一种方法来接收我选择的日期并修改它.
<p-calendar
[showIcon]="true"
(onSelect)="onSelectMethod($event)"
[(ngModel)]="myDate"
[dataType]="date"
>
</p-calendar>
Run Code Online (Sandbox Code Playgroud)
所以基本上当我在日历中点击不同的日期时,它确实正确地捕捉了日期.它将传输此信息:"2016年12月8日星期四00:00:00 GMT-0500(东部标准时间)"
虽然我可以看到所有这些细节都很有用,但我真的只想要我的组件:12/08/16.
有没有简单的方法来做到这一点,也许是日历附带的一些固有方法,而不是在我的代码中手动修改字符串?我阅读了文档,找不到我要查找的信息.
onBlur方法似乎是以我想要的方式传输数据.不幸的是onBlur只有在您手动输入日期或者后面有一个日期选择时才有效.在日历下拉菜单中进行选择后,以某种方式调用PrimeNG的onBlur方法会很棒.
我已经从SDK页面修改了这个示例,以从手机中获取所有联系人组并显示它们.但是,我无法弄清楚如何单击其中一个,然后使用Groups._ID执行其他操作.有人可以教我如何在这个列表上获得一个点击/选择监听器吗?
MyListAdapter.java
package com.example.simplelist;
import android.app.ListActivity;
import android.database.Cursor;
import android.os.Bundle;
import android.provider.Contacts.Groups;
import android.widget.ListAdapter;
import android.widget.SimpleCursorAdapter;
public class MyListAdapter extends ListActivity {
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.custom_list_activity_view);
Cursor mCursor = this.getContentResolver().query(Groups.CONTENT_URI, null, null, null, null);
startManagingCursor(mCursor);
ListAdapter adapter = new SimpleCursorAdapter(this, android.R.layout.two_line_list_item, mCursor, new String[] {Groups.NAME, Groups._ID}, new int[] {android.R.id.text1, android.R.id.text2});
setListAdapter(adapter);
}
}
Run Code Online (Sandbox Code Playgroud)
custom_list_activity_view.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="8dp"
android:paddingRight="8dp">
<ListView android:id="@id/android:list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00FF00"
android:layout_weight="1"
android:drawSelectorOnTop="false" android:choiceMode="singleChoice" android:clickable="true" />
<TextView android:id="@id/android:empty"
android:layout_width="fill_parent" …Run Code Online (Sandbox Code Playgroud) onselect ×10
jquery ×8
datepicker ×7
javascript ×2
android ×1
angular ×1
calendar ×1
click ×1
date ×1
events ×1
knockout.js ×1
listadapter ×1
listview ×1
magento2 ×1
primeng ×1