无法使用Jquery函数在Href上加载Javascript日历

时间:2011-05-27 08:30:25

标签: jquery asp.net

我的功能如下

 <script type="text/javascript">
$(function() {
$('#ctl00_ContentPlaceHolder1_TextBox2').datepick();
});

function showDate(date) {
//alert('The date chosen is ' + date);
}
</script>

当我点击Href标记

时,我需要调用它
<a onclick="" href="#">


Metaforce as per you said i tried this 



<script type="text/javascript">
$(function click() {
    $('#ctl00_ContentPlaceHolder1_TextBox2').datepick();
});

function showDate(date) {
    //alert('The date chosen is ' + date);
}
    </script>

  <a onclick="return click();" href="#">

    <img alt="cal" src="calendar.gif" style="vertical-align: text-bottom;" border="0" /></a>

onclick我必须打电话给我,我该怎么办?

Patrick Kaufmann and Phillip Kovalev按照你说的我写如下

    <script type="text/javascript">
function showDate(date) {
  //alert('The date chosen is ' + date);
}

$(function() {
  $('#ctl00_ContentPlaceHolder1_TextBox2').datepick();

  // assign anonimous function as event handler and call showdate from it 
  $('#clickOnIt').click( function() {
    showDate( $(this).val() );
  } );
});
</script>

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
 <a href="#" id="clickOnIt">click me</a>

但我没有得到所需的日历

3 个答案:

答案 0 :(得分:2)

最好使用jquery点击处理程序将javascript代码与标记分开。

示例:

<a href="#" id="clickOnIt">click me</a>

然后在javascript文件中:

$('#clickOnIt').click(function() {
    //do the stuff for the click here
});

答案 1 :(得分:2)

如果<a/>具有唯一的idclass属性,您可以在javascript中指定事件:

<script type="text/javascript">

$(function() {
  var dateField = $('#ctl00_ContentPlaceHolder1_TextBox2');
  dateField.datepick();

  // assign anonimous function as event handler and call showdate from it 
  $('#your_a_selector').click( function() {
    dateField.datepick('show');
  } );
});
</script>

答案 2 :(得分:0)

尝试这样:

function clickDatePick() {
    $('#ctl00_ContentPlaceHolder1_TextBox2').datepick();
}

并在onclick中添加:<a onclick="clickDatePick();" href="#">

<a onclick="$('#ctl00_ContentPlaceHolder1_TextBox2').datepick();" href="#">