Использование JQuery Date Picker с VisualForce Apex inputText

Я пытаюсь использовать Apex inputText для ввода даты от пользователя с помощью jquery Date Picker.Использование JQuery Date Picker с VisualForce Apex inputText

Код страницы и используемая функция javascript приведены ниже, код, как мне кажется, работает абсолютно нормально, когда я использую управление вводом HTML, но не работаю с Apex inputText.

<apex:page showHeader="false" id="mypage" docType="html-5.0" controller="ControllerCalculateIncentive" sidebar="false" standardStylesheets="false"> 
    <html> 
    <head> 
    <apex:stylesheet value="{!URLFOR($Resource.styles, 'bootstrap.css')}" /> 
    <apex:stylesheet value="{!URLFOR($Resource.styles, 'scrum.css')}" /> 
    <apex:stylesheet value="{!URLFOR($Resource.styles, 'jquery-ui.css')}" /> 
    <apex:stylesheet value="{!URLFOR($Resource.styles, 'font-awesome.css')}" /> 
    <apex:includeScript value="{!URLFOR($Resource.styles, 'jquery-1.11.1.js')}"/> 
    <apex:includeScript value="{!URLFOR($Resource.styles, 'bootstrap.js')}"/> 
    <apex:includeScript value="{!URLFOR($Resource.styles, 'jquery.min.js')}"/> 
    <apex:includeScript value="{!URLFOR($Resource.styles, 'jquery-ui.js')}"/>  
    <script type="text/javascript"> 
     var j$ = jQuery.noConflict(); 
     j$(document).ready(function(){   
      var v= '{!$Component.mypage:frm:StartDate}'; 
      j$(v).datepicker({ 
       dateFormat: 'dd-mm-yyyy', 
       changeMonth: true, 
       changeYear: true}); 

      }); 
    </script> 
    </head> 
    <body> 
    <apex:form id="frm"> 
    <apex:inputText id="StartDate" value="{!StartDate}" ></apex:inputText> 
    <apex:form> 
    </body> 
    </html> 
</apex:page>

источник

2017-01-27 Naresh Kukreti

Не могли бы вы попробовать с ниже код:

j$(document).ready(function(){   
    var v= '#StartDate'; //putting id of the input field directly 
    j$(v).datepicker({ 
    dateFormat: 'dd-mm-yyyy', 
    changeMonth: true, 
    changeYear: true}); 

});

источник

2017-01-27 08:07:04 vijayP

это <апекс: inputText /> control not HTML –

, но согласно документации HTML INPUT будет создан с тем же идентификатором. См. Этот пример: https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_compref_inputText.htm – vijayP

Спасибо за ответ, но он все еще не работает –

Используйте эту линию

j$('input[id$="StartDate"]')

Это будет использовать контроль внутри JQuery

источник

2017-01-28 07:10:36

Использование JQuery Date Picker с VisualForce Apex inputText

ответ

Смежные вопросы