从jQuery UI日期选择器获取日期

时间:2015-06-16 00:57:39

标签: javascript jquery jquery-ui date

我想从我的jQuery UI日期选择器中获取日期。 在我的输入中,我需要在" d MM yy"中显示日期。格式,因为它对用户更具可读性。例如。 " 2015年6月5日"

$("#from").datepicker({
       dayNamesMin: [ "S", "M", "T", "W", "T", "F", "S" ], 
       firstDay: 1,  
       dateFormat: "d MM, yy",
       onClose: function( selectedDate ) {
       $( "#to" ).datepicker( "option", "minDate", selectedDate );
       }
   });

但是当我需要使用输入日期值时,我需要在" yyyy-mm-dd"格式例如。 2015年4月30日

默认的getdate方法为我提供了中期日期字符串。

var start = $("#from").datepicker( 'getDate' );

有没有快速的方式来获得" yyyy-mm-dd"格式而不是字符串操作?

2 个答案:

答案 0 :(得分:0)

您可以使用formatDate

var dt = $("#from").datepicker( 'getDate' );
var start= $.datepicker.formatDate('yy-mm-dd', dt);

答案 1 :(得分:0)

public class PubSubActivity extends Activity implements LocationListener, OnNmeaMessageListener {
    LocationManager mLocationManager;
    GnssMeasurementsEvent.Callback mGnssMeasurementsEventCallback;

    public void measurementsClick(final View view) {
        Log.d(LOG_TAG, "measurementsClick");
        if (ContextCompat.checkSelfPermission(PubSubActivity.this,
                Manifest.permission.ACCESS_FINE_LOCATION) == PackageManager.PERMISSION_GRANTED){
            Toast.makeText(PubSubActivity.this, "You have already granted this permission!", Toast.LENGTH_SHORT).show();
            // Enable GNSS Listener
            mLocationManager = (LocationManager) getApplicationContext().getSystemService(Context.LOCATION_SERVICE);
            if (!gnssSensorStatus) {
                gnssSensorStatus = true;
                mLocationManager.registerGnssMeasurementsCallback(mGnssMeasurementsEventCallback);
                mLocationManager.addNmeaListener(this);
                mLocationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 60000, 100000, this);
            } else {
                gnssSensorStatus = false;
                mLocationManager.unregisterGnssMeasurementsCallback(mGnssMeasurementsEventCallback);
                mLocationManager.removeNmeaListener(this);
                mLocationManager.removeUpdates(this);
            }
        } else {
            requestStoragePermission();
        }
    }

    @Override
    public void onLocationChanged(Location location) {

    }

    @Override
    public void onStatusChanged(String provider, int status, Bundle extras) {

    }

    @Override
    public void onProviderEnabled(String provider) {

    }

    @Override
    public void onProviderDisabled(String provider) {

    }

    @Override
    public void onNmeaMessage(String message, long timestamp) {
        String nmeaStream = String.format(Locale.US, "%s, %d", message.trim(), timestamp);
        try {
                Log.d(LOG_TAG, nmeaStream);
//                filterNmeaType(nmeaStream);
            } catch (Exception e) {
                e.printStackTrace();
            }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

       // Initialize GnssMeasurementEvent callbacks
        mGnssMeasurementsEventCallback = new GnssMeasurementsEvent.Callback() {
            @Override
            public void onGnssMeasurementsReceived(GnssMeasurementsEvent event) {
                synchronized (mFileLock) {
                    GnssClock gnssClock = event.getClock();
                    for (GnssMeasurement measurement : event.getMeasurements()) {
                        try {
                            String result = getGnssMeasurementToString(gnssClock, measurement);
                            Log.d(LOG_TAG, result);
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
                Log.d(LOG_TAG, "onGnssMeasurementReceived");
            }

            @Override
            public void onStatusChanged(int status) {
                Log.d(LOG_TAG, "onStatusChanged");
            }
        };
    }
}
jQuery(document).ready(function($)
{
  //storing parent element
  var parentElement = $('div.date');
  
  //bind the date picker to the parent
  parentElement.datepicker(
  {
                firstDay: 1,
                inline:true,
                showOtherMonths: true,
                daysNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    });
   
   //when the parent is changed(clicked or submit) grab the value
   parentElement.on('change', function()
   {
      var selectedDate = $(this).val();//the selected date value
      console.warn(selectedDate);//logging the selected date
   });
});