Question

这个日历选择器允许我记录所选的日期值，但我也需要传递标签中的ID值，但我无法使其工作。

请帮助!!!

这是我们显示日期值的地方，日历设置其值，但我也需要传递ID“12003”值。

<span class="editable" id="12003">2014-09-01</span>

这是第一个JS文件

$( document ).ready( function() {

  var date = $( '.editable' );

  date.editable(
    function( value, settings ) {
      date.html( value );


      //////////////// Need to pass the ID value to here
      console.log(id);
      console.log(value);

    },
    {
      type: 'datepicker',
      datepicker: {
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yyyy-mm-dd', 
        numberOfMonths: 1       
      }   
    }
  );

} );

这是第二个JS文件

// add :focus selector
jQuery.expr[':'].focus = function( elem ) {
  return elem === document.activeElement && ( elem.type || elem.href );
};

$.editable.addInputType( 'datepicker', {

    /* create input element */
    element: function( settings, original ) {
      var form = $( this ),
          input = $( '<input />' );
      input.attr( 'autocomplete','off' );
      form.append( input );
      return input;
    },

    /* attach jquery.ui.datepicker to the input element */
    plugin: function( settings, original ) {
      var form = this,
          input = form.find( "input" );

      // Don't cancel inline editing onblur to allow clicking datepicker
      settings.onblur = 'nothing';

      datepicker = {
        onSelect: function() {
          // clicking specific day in the calendar should
          // submit the form and close the input field
          form.submit();
        },

        onClose: function() {
          setTimeout( function() {
            if ( !input.is( ':focus' ) ) {
              original.reset( form );
            } else {
              form.submit();
            }
          }, 150 );
        }
      };

      if (settings.datepicker) {
        jQuery.extend(datepicker, settings.datepicker);
      }
      input.datepicker(datepicker);
    }
} );

Answer 1

如果这是您网页上唯一的日期选择器，您可以像访问它一样访问：

$('.editable').attr('id');

Answer 2

你可以这样做：

console.log($(this).attr('id'));

如何从Jquery DatePicker传递ID值可编辑

2 个答案: