标签: onselect

jQuery datepicker,onSelect不起作用

我无法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 datepicker onselect

49
推荐指数
4
解决办法
20万
查看次数

jquery datepicker 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

13
推荐指数
3
解决办法
6万
查看次数

jquery datepicker 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)

jquery datepicker event-handling onselect

8
推荐指数
1
解决办法
6193
查看次数

如何调用datepicker jquery的onSelect事件的js函数?

请有人帮帮我..我有一个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的选择值,并在输入字段中设置属性值.谁能帮我???

javascript jquery datepicker onselect

8
推荐指数
2
解决办法
6万
查看次数

JQuery Datepicker OnSelect和TextChanged问题

自从我的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

6
推荐指数
1
解决办法
1万
查看次数

jquery datepicker阻止onSelect中的本机单击

我正在努力阻止jquery datepicker.onSelect事件中的本机点击

以下示例无效,单击仍然被触发:

onSelect: function(dateText, inst) { 

if (myCondition) {
   return false; 
 }}
Run Code Online (Sandbox Code Playgroud)

如果事件对象可用,另一个技巧是调用onSelect中的event.preventDefault /.

任何已知的方案?

jquery events click datepicker onselect

6
推荐指数
1
解决办法
2863
查看次数

在选择中的更改事件与淘汰赛

我有一个问题如何调用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)

javascript jquery onselect knockout.js magento2

6
推荐指数
1
解决办法
8979
查看次数

Datepicker onSelect

我有一个带有类的输入[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不应该被调用两次.

那么,有人可以帮我吗?

谢谢,祝你有个美好的一天!

jquery datepicker onselect

4
推荐指数
1
解决办法
6万
查看次数

更改日历格式p-Calendar转移

我有一个组件,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方法会很棒.

calendar date onselect primeng angular

4
推荐指数
1
解决办法
9487
查看次数

单击ListView上的Listener

我已经从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)

android listview onselect listadapter simplecursoradapter

3
推荐指数
1
解决办法
2万
查看次数