Removed jQuery UI datepicker
Part of #18437 to remove jQuery UI. This removes the datepicker
This commit is contained in:
parent
572fb0be9b
commit
b138ec3da1
|
@ -10,7 +10,6 @@ function requireAll(context) { return context.keys().map(context); }
|
|||
|
||||
window.$ = window.jQuery = require('jquery');
|
||||
require('jquery-ui/ui/autocomplete');
|
||||
require('jquery-ui/ui/datepicker');
|
||||
require('jquery-ui/ui/draggable');
|
||||
require('jquery-ui/ui/effect-highlight');
|
||||
require('jquery-ui/ui/sortable');
|
||||
|
@ -35,6 +34,7 @@ require('bootstrap/js/transition');
|
|||
require('bootstrap/js/tooltip');
|
||||
require('bootstrap/js/popover');
|
||||
require('select2/select2.js');
|
||||
require('pikaday');
|
||||
window._ = require('underscore');
|
||||
window.Dropzone = require('dropzone');
|
||||
require('mousetrap');
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
/* global Vue */
|
||||
/* global dateFormat */
|
||||
|
||||
Vue.filter('due-date', (value) => {
|
||||
const date = new Date(value);
|
||||
return $.datepicker.formatDate('M d, yy', date);
|
||||
return dateFormat(date, 'mmm d, yyyy');
|
||||
});
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
/* eslint-disable wrap-iife, func-names, space-before-function-paren, comma-dangle, prefer-template, consistent-return, class-methods-use-this, arrow-body-style, no-unused-vars, no-underscore-dangle, no-new, max-len, no-sequences, no-unused-expressions, no-param-reassign */
|
||||
/* global dateFormat */
|
||||
|
||||
(function(global) {
|
||||
class DueDateSelect {
|
||||
|
@ -86,7 +87,7 @@
|
|||
// Construct Date object manually to avoid buggy dateString support within Date constructor
|
||||
const dateArray = this.rawSelectedDate.split('-').map(v => parseInt(v, 10));
|
||||
const dateObj = new Date(dateArray[0], dateArray[1] - 1, dateArray[2]);
|
||||
this.displayedDate = $.datepicker.formatDate('M d, yy', dateObj);
|
||||
this.displayedDate = dateFormat(dateObj, 'mmm d, yyyy');
|
||||
} else {
|
||||
this.displayedDate = 'No due date';
|
||||
}
|
||||
|
|
|
@ -3,6 +3,8 @@
|
|||
/* global UsersSelect */
|
||||
/* global ZenMode */
|
||||
/* global Autosave */
|
||||
/* global dateFormat */
|
||||
/* global Pikaday */
|
||||
|
||||
(function() {
|
||||
var bind = function(fn, me) { return function() { return fn.apply(me, arguments); }; };
|
||||
|
@ -35,12 +37,13 @@
|
|||
this.initMoveDropdown();
|
||||
$issuableDueDate = $('#issuable-due-date');
|
||||
if ($issuableDueDate.length) {
|
||||
$('.datepicker').datepicker({
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText, inst) {
|
||||
return $issuableDueDate.val(dateText);
|
||||
new Pikaday({
|
||||
field: $issuableDueDate.get(0),
|
||||
format: 'yyyy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$issuableDueDate.val(dateFormat(new Date(dateText), 'yyyy-mm-dd'));
|
||||
}
|
||||
}).datepicker('setDate', $.datepicker.parseDate('yy-mm-dd', $issuableDueDate.val()));
|
||||
}).setDate(new Date($issuableDueDate.val()));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
* This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require jquery-ui/datepicker
|
||||
*= require jquery-ui/autocomplete
|
||||
*= require jquery.atwho
|
||||
*= require select2
|
||||
|
@ -19,6 +18,8 @@
|
|||
* directory.
|
||||
*/
|
||||
|
||||
@import "../../../node_modules/pikaday/scss/pikaday";
|
||||
|
||||
/*
|
||||
* GitLab UI framework
|
||||
*/
|
||||
|
|
|
@ -85,11 +85,16 @@
|
|||
|
||||
|
||||
:javascript
|
||||
var date = $('#personal_access_token_expires_at').val();
|
||||
var $dateField = $('#personal_access_token_expires_at');
|
||||
var date = $dateField.val();
|
||||
|
||||
var datepicker = $(".datepicker").datepicker({
|
||||
dateFormat: "yy-mm-dd",
|
||||
minDate: 0
|
||||
new Pikaday({
|
||||
field: $dateField.get(0),
|
||||
format: 'yyyy-mm-dd',
|
||||
minDate: new Date(),
|
||||
onSelect: function(dateText) {
|
||||
$dateField.val(dateFormat(new Date(dateText), 'yyyy-mm-dd'));
|
||||
}
|
||||
});
|
||||
|
||||
$("#created-personal-access-token").click(function() {
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
"jquery-ujs": "1.2.1",
|
||||
"json-loader": "^0.5.4",
|
||||
"mousetrap": "1.4.6",
|
||||
"pikaday": "^1.5.1",
|
||||
"select2": "3.5.2-browserify",
|
||||
"stats-webpack-plugin": "^0.4.2",
|
||||
"underscore": "1.8.3",
|
||||
|
|
Loading…
Reference in New Issue