как отображать только один элемент в бутстрапе date paginator
UPDATE: есть еще более мощный инструмент, чем autojump: fasd, но я не знаком с ним.
Я удивлен, что никто не упомянул fasd , но
работает, поддерживая базу данных каталогов, которые вы используете больше всего из командной строки (каталоги должны быть посещены первыми, прежде чем их можно будет перескочить на.)Это в основном то, что построил @graipher, с несколькими дополнительными опциями.
Как я уже упомянул по другому вопросу:
После того, как вы несколько раз подключились к каталогу (даже один раз):
cd /home/thina/teams/td/tech/app/release/apks
вы можете использовать ярлык j, чтобы быстро перемещаться туда, независимо от того, в каком каталоге вы находитесь:
j apks
Обратите внимание, что использование любой части пути работает, если оно является самым большим в списке: j app также приведет вас к .../apks, если вы пошли туда больше раз чем .../app.
Я бы рекомендовал его вместо того, чтобы иметь собственный скрипт, так как он хорошо поддерживается, распространяется для Ubuntu и имеет другие опрятные f например, UPDATE: :
.../td/tech $ jc apk
.../release/apks $
Переместил вас в apks в td, а не какой-либо другой apks под другим деревом.
1 ответ
Плагин paginator кажется устаревшим, и у него нет возможности отображать / скрывать дополнительные дни.
Однако вы можете добавить свой собственный CSS, чтобы скрыть элементы, которые вы делаете не хочу показывать, например:
#paginator .dp-item{
display: none;
}
#paginator .dp-selected{
display: inline-block;
}
Еще одна вещь, в зависимости от версии JQuery, Paginator Plugin, Bootstrap и Moment, вы можете получить предупреждение о плагине, используя устаревшие функции (поскольку я ) - Это лучшая комбо, которую я мог придумать, учитывая мое ограниченное время сегодня.
См. демонстрацию ниже:
$(function() {
// options for paginator
var options = {
textSelected: 'MMMM DD, YYYY'
}
$('#paginator').datepaginator(options);
});#paginator .dp-item {
display: none;
}
#paginator .dp-selected {
display: inline-block;
}<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepaginator/1.1.0/bootstrap-datepaginator.js"></script>
<!-- stylesheets -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" integrity="sha384-DmABxgPhJN5jlTwituIyzIUk6oqyzf3+XuP7q3VfcWA2unxgim7OSSZKKf0KSsnh" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepaginator/1.1.0/bootstrap-datepaginator.css" rel="stylesheet" />
<div class="row">
<div id="paginator" class="col-sm-12"></div>
</div>-
1Огромное спасибо. – Jamie Southwell 14 August 2018 в 15:00
-
2@JamieSouthwell, если вы найдете ответ полезным, вы можете его перенести. Если вы найдете правильный ответ на свой вопрос, вы можете отметить его как таковой. – ochi 14 August 2018 в 18:01